Sean McCullough Learn, Understand, Apply, Share and repeat

4Sep/090

Wacky margins in IE6?

IE6 messing up margins on your elements after you float them?... try this!

div#myHtmlElement { float: left; margin: 10px 20px; display: inline; }

For some reason IE6 seems to like doubling floating element's margins. By using display: inline; it eliminates this effect, and doesn't effect other browsers render of that element.
I'll update this post if I figure out what technically goes on under IE6's hood.

Good luck :)

Your friendly neighbourhood,
Smccullough

Bookmark and Share
Comments (0) Trackbacks (0)

No comments yet.


Leave a comment


No trackbacks yet.