IE (Internet Explorer) margin doubling bug fixes
27th September 2006
In Internet Explorer for Windows (tested with version 6 SP2), if you write CSS code similar to this:
- #floatbox
- {
- float: left;
- width: 150px;
- height: 150px;
- margin-left: 100px;
- }
and put your “floatbox” inside a container (such as DIV), you will actually see 200px of the left margin instead of the expected 100px. This problem is known as “IE margin-doubling bug”.
In this post I collected solutions you can use to avoid this problem. The solution I’d recommend is at the end.
Read the rest of this entry »
Posted in Notepad, Programming, Web, XHTML/CSS | 2 Comments »