Hi all,
i have a CSS code who work perfectly with Firefox and Opera but it dont work with Internet Explorer6, this CSS do a border over an image :
img.left, img[align="left"] {
float:left;
background-color:#E4F4FF;
border:1px solid #AFDFFF;
float:left;
margin:3px 5px 0px 5px;
padding:5px;
}thanks for help.
Posted 4 years ago #
I can't analyze exactly what's happening in your site just from the snippet you posted above, but I can tell you that IE6 is notorious for having many annoying quirks and bugs with CSS rendering. It's one of the things that makes web design a real pain in the *** -- that you get everything right and then have to test for that piece of ****.
Anyway, without knowing your exact problem, I can see that you have a float and margin in the same direction of the float. This triggers a bug in IE6 where the margin is doubled. There are some fixes for this. Please see
http://www.positioniseverything.net/explorer/floatIndent.html
or google "ie6 float margin css" and variations of that.
PS Your code above looks a bit screwy also. For starters you have the float declared twice. Have you run this through a validator?
thanks friend for all, i dont know wich day Microsoft have an explorer like outhers in the net,
for the float it's a mistak i do her but not in the test website.
thanks for all, and i will cheek the url.
This topic has been closed to new replies.
