RE: [WSG] floats and ie7

[Thierry Koblentz]

> From: [EMAIL PROTECTED] [EMAIL PROTECTED] On Behalf Of dwain
> Sent: Wednesday, March 26, 2008 8:49 PM
> To: web standards group
> Subject: [WSG] floats and ie7
>
> i thought i had fixed this problem.  i guess i didn't.
>
> http://www.alforddesigngroup.com/
>
> in ff, opera, safari 3.1 and seamonkey the page looks the way i intended.  i 
> have an address and menu on the left and two pictures floated 
> right.  in the source code the pix follow the address so on the page they are 
> even with the bottom of the address line on the right side of the
> page.  the pix are in their own shrink-wrapped div.  in ie7 the pix split the 
> address and menu.  i've looked at the css until it all runs
> together.  what am i missing?  and ms said that ie7 was more standards 
> compliant, fooey!

Hi Dwain,

The easy fix:
#nav {zoom:1;}

But that won't validate (and I know you want the styles sheet to validate), so 
you may want to hide it inside a Conditional Comment or try any other property 
that will trigger hasLayout in IE.

For example float will work too:

#nav {float:left;display:inline;}

display:inline is to prevent IE to double the left margin

-- 
Regards,
Thierry | http://www.TJKDesign.com






*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************