Solution for double margin bug in IE6
Here’s another one to cross off.
Problem:
Float a child block and add a margin on the same side as the float (so, margin-left if float: left, margin-right if float: right), and IE5-6 doubles the margin value.
Insane, right?
Solution:
For a long time, I simply halved the margin value in an IE conditional. Which is unacceptable when the margin value is odd.
But now, there’s a better solution. In the IE5-6 conditional:
.fix_doublemargin { display: inline; }
Happiness ensues!
Credit: P.I.E.
Here’s another one to cross off.
Problem:
Float a child block and add a margin on the same side as the float (so, margin-left if float: left, margin-right if float: right), and IE5-6 doubles the margin value.
Insane, right?
Solution:
For a long time, I simply halved the margin value in an IE conditional. Which is unacceptable when the margin value is odd.
But now, there’s a better solution. In the IE5-6 conditional:
.fix_doublemargin { display: inline; }
Happiness ensues!
Credit: P.I.E.
Labels: display: inline fix, IE6
0 Comments:
Post a Comment
<< Home