Previous Message
Next Message

Table set to width="100%" breaks float/margin layout in IE

Sent by Jay Meinhardt on 13 September 2004 14:02


Hi Robert,

All three pages work fine in:
MAC/OS 9.2.2;
IEMAC/5.1.2,
However with Mozilla 1.2.1,  the 10px  top margin in #nav-content is 
pushing div#nav down.
Changing:
#nav-content  { margin: 0  10px 10px; padding-top:10px }
or adding a clearing div before #nav-content, fixes mozilla without 
bothering IE/MAC

HTH

Jay

>Hi CSS people,
>
>My second attempt at this message :)
>
>I'm using a 2 column float/margin layout where left-hand navigation bar
>is floated to the left with a width of 200 pixels, and the main element
>has a left margin of 200 pixels.
>
>Some content in the main element is being "scraped" from another site,
>and had tables with a width attribute set to 100%. This has the
>unfortunate consequence that content in the main element lands up below
>the content in the navigation element in IE (works fine in other
>browsers) (see http://www.dotcat.org/stuff/break.html).
>
>I have fixed in two different ways, firstly by setting the table width
>to 99% as a table attribute, and secondly using CSS
>(http://www.dotcat.org/stuff/fix1.html and
>http://www.dotcat.org/stuff/fix2.html, respectively). Neither of these
>solutions are ideal.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: