Wider margin or padding issue in IE6
Posted Oct 13th, 2008 by David Calhoun in browser bugs, cssNot sure why you’re getting wider margins or padding in IE6? It’s a well-known issue with floating div elements, and it even has a specific name: the double margin (or double padding) bug.
The fix is simple. Add this CSS rule to the floating Divs:
display: inline;
As an aside, it’s interesting to note that this fix doesn’t work if you’ve forgotten to add a unit value to your margin or padding. For instance, if you’ve typed “padding: 10″ instead of “padding: 10px”, IE6 still doubles the 10 and presumes the units are in pixels.
Via http://www.jaymeblackmon.com/ie6-double-margin-bug-fix and http://www.positioniseverything.net/explorer/floatIndent.html
Leave a Reply
Categories
- accessibility (1)
- browser bugs (2)
- css (6)
- html (6)
- javascript (9)
- jquery (3)
- mobile (1)
- performance (2)
- php (1)
- regular expressions (1)
- rss (3)
- seo (1)
- Site News (1)
- table (1)
- Uncategorized (4)
- videos (2)
- wordpress (1)
- xml (2)
- yui (0)
this post has inspired me, i need to get back to posting on my blog soon, its so easy to loose track of time aint it.