msie bug
in [CSS]
|
Prev: Pseudo-classes in Inline Styles
Next: www.NIKEWOO.com wholesale/sell ugg boots,gucci shoes,chanel handbags,bape hoody T-shirt.
From: chozze on 1 Feb 2008 22:23 Hi, I am new to html and css. I know there is some bugs in interpreting css in msie. I have this page www.restauraceskalka.cz/m2.html . In firefox evertyhing is just fine but in msie picture looks different. Can somebody tell me how to do it that msie is going to interpretate web page in the same way as firefox? thx
From: chozze on 1 Feb 2008 22:25 And to be concrete I want to make "go away" that aprox 3 px space at 3 rd row (you can see the difference in msie)
From: dorayme on 31 Jan 2008 22:53 In article <17433b9a-3b60-48c9-a8ce-9117f517e259(a)f10g2000hsf.googlegroups.co m>, chozze <chozze(a)gmail.com> wrote: > Hi, I am new to html and css. I know there is some bugs in > interpreting css in msie. > > I have this page www.restauraceskalka.cz/m2.html . In firefox > evertyhing is just fine but in msie picture looks different. Can > somebody tell me how to do it that msie is going to interpretate web > page in the same way as firefox? > > thx This (nearly equivalent mark-up): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>test</title> <style type="text/css"> * {margin: 0; padding: 0;} div { float: left; width: 10%; border: 1px solid; height: 100px; } </style> </head> <body> <div style="height: 500px;"></div> <div></div> <div style="margin-top: 106px;"></div> <div style="margin-top: 212px;"></div> <div style="margin-top: 106px;"></div> <div></div> <div style="height: 500px;"></div> </body> </html> looks the same in both my WinIE6 and Mac Safari, Mac FF. -- dorayme
From: dorayme on 31 Jan 2008 23:09 In article <3b2fc802-7788-4982-8cbb-5350dca8d51f(a)m34g2000hsb.googlegroups.co m>, chozze <chozze(a)gmail.com> wrote: > And to be concrete I want to make "go away" that aprox 3 px space at 3 > rd row (you can see the difference in msie) To put your thicker borders back, I think this is pretty well the same as yours: http://members.optushome.com.au/droovies/test/chozze.html I am not seeing the gap you mention in IE6. (I should have probably just used your code and certainly not changed the border width (as in last post of mine)! I just could not bear so much inline style). -- dorayme
From: chozze on 1 Feb 2008 23:44
Thx a lot man, your answer doesnt explain why this is happin´ in my code, but your solution is much more simplier and works the same way in both (firefox, ie). have a nice day |