probleme with CSS and IE6

  • taghaboy

    (@taghaboy)


    16 years ago

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • StrangeAttractor

    (@strangeattractor)

    16 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?

    Thread Starter taghaboy

    (@taghaboy)

    16 years ago

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘probleme with CSS and IE6’ is closed to new replies.