Tue, 2007-09-25 01:12
Hi all,
I need ur help, I got problem when I use margin-left for my left column in my page.
I preview in FF and IE7 everything is OK (the position is what I expected) , when I preview it in IE6 the 2 column (left column and right column) quiet far to the right.Here is the code :
.left{
float:left;
margin-top:8px;
width:355px;
margin-left:8px;
margin-right:12px;
}
IE6 interpret "margin-left:8px" quiet differently than FF/IE7 do.
Can anyone help me to solve this ?
Here is the link :
http://molusca.com/csstes/index.html
many thanks
| Attachment | Size |
|---|---|
| FF.jpg | 48.37 KB |
| IE6.jpg | 50.36 KB |
Tue, 2007-09-25 05:07
#1
doubled float margin bug
That's the doubled float margin bug. The fix is simple, but totally nonintuitive: add {display: inline;} to the floated element.
A float may only be {display: block || none}, and all browsers ignore the inline, but it fixes the margin. :shrug: It's IE.
cheers,
gary
Wed, 2007-09-26 01:30
#2
Hi kk5st, Thx for the
Hi kk5st,
Thx for the solution , it works