Floating problems with IE 6

The Internet Explorer 6 has sometimes a problem with floating right. Today I had this problem. I have two div-container: one a image which has to float left and a text block which has to float right. On Firefox this works without any problems. But IE 6 do not float the text to the right but just put it after the image. After a little internet search I found a similar problem, the so called doubled float-margin bug on IE 6.

The solution of this problem, just set the floating boxes with inline-attribute, works also for this right-floating problem. Just set for the CSS-id the following:

display: inline;

See the pictures below. The left one is with bug, the right one without. Hope this helps some others. :)

Related posts:

  1. CSS floating problems
  2. How to use images base64 encoded inline an img-tag
  3. How to … change the RTE linktext in TYPO3
  4. overflow:auto – Internet Explorer 6 Bug
  5. Problems after upgrading TYPO3 4.2 to 4.3 with stylesheets and images
  6. CSS border-bottom for IE 6

0 Responses to “Floating problems with IE 6”


  1. No Comments

Leave a Reply