Previous Message
Next Message

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

Sent by Robert Shields on 13 September 2004 11:11


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.

My question is, is this IE bug (if it is a bug) documented anywhere, and
is there a more elegant solution?

Best Regards,

Rob Shields
Software Engineer
Star Internet Ltd

e - [EMAIL-REMOVED]
t - 01285 880085
w - http://www.star.net.uk

______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________
______________________________________________________________________
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: