Fixing The Margin Issue With Floated Elements In Internet Explorer 6

No Comments

I wish that I could remember the design blog where I initially found the fix to one of the many problems that I have run into designing for IE 6. It is a very simple fix to what has been a very annoying problem. I am sure that some other designers out there have run into this issue as well, so I figured I would write a quick post about how to fix it.

Basically when you design a website that uses floated elements, Internet Explorer 6 adds a significant amount of space to the margin of that floated element. In order to fix this issue, all that you need to do is add display:inline; to any floated element in your stylesheet.

UPDATE: Here is the blog that I found a while back to help me with this issue… http://www.jaymeblackmon.com/ie6-double-margin-bug-fix (Just wanted to make sure Jayme got credit).

Category Resources