From: James Gadrow <[EMAIL PROTECTED]>
To: Jason Chan <[EMAIL PROTECTED]>
CC: CSS Mailing List <[email protected]>
Subject: Re: [css-d] display:inline necessary with float: left/right ???
Date: Fri, 15 Jun 2007 08:10:55 -0400

Jason Chan wrote:
hey all,

Is it just me or is display:inline necessary when floating with columns bc the double margin bug in IE6. I ask this because i have seen many sites, that do not require the display inline for it to appear properly in IE and yet still float columns:

ie.

#mid-one, #bottom-one {
        float: left;
        width: 430px;
        margin-right: 40px;
}

#mid-two, #bottom-two {
        float: left;
        width: 220px;
}

I on the other hand will have to enter display: inline (as shown below for it to work)

#mid-one, #bottom-one {
        float: left;
        display: inline;
        width: 430px;
        margin-right: 40px;
}

#mid-two, #bottom-two {
        float: left;
        display: inline;
        width: 220px;
}


I guess my main question is...
Is there something that im not reading from this person's code that prevents the double margin and not need the display: inline property???
Hmmm... I thought the double margin float bug was only supposed to rear its ugly head when the margin setting and the float setting were the same:

for example:
div {float: left; margin-left: 10px;} //triggers double margin float bug in IE if this element is against the edge of its container div {float: right; margin-left: 25px;} //does not trigger double margin float bug because margin is applied to opposite side of element

--
Thanks,

Jim

o okay, thats how the bug works eh. thanks jim

_________________________________________________________________
PC Magazine’s 2007 editors’ choice for best Web mail—award-winning Windows Live Hotmail. http://imagine-windowslive.com/hotmail/?locale=en-us&ocid=TXT_TAGHM_migration_HM_mini_pcmag_0507

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to