Previous Message
Next Message

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

Sent by Robert Shields on 13 September 2004 13:01


Hi Jérôme,

Thanks, that's great - just what I was looking for.

http://www.dotcat.org/stuff/fix3.html

Regards,

Rob Shields
Software Engineer
Star Internet Ltd
 
e - [EMAIL-REMOVED]
t - 01285 880085
w - http://www.star.net.uk


-----Original Message-----
From: [EMAIL-REMOVED] [EMAIL-REMOVED]] On Behalf Of
jérôme coupé
Sent: 13 September 2004 13:27
To: CSS-DISCUSS
Subject: Re: [css-d] Table set to width="100%" breaks float/margin layout in IE

Hello Robert,

Just a quick guess here ...
I think the problem is that your table container (#main) doesn't have 
any (set) width.
When a container has no width, it is sometimes difficult for IE to 
properly calculate the width of it's child elements.
Since you cannot set a defined width to #main (liquid layout)... i'd try 
the holly hack in such a case ...

/*hide from IE mac\*/
* html #main
{
    height:1%;
}
/*end hide*/

HTH

Jérôme Coupé

Robert Shields wrote:

>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/
>
>
>  
>

______________________________________________________________________
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/

______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________

______________________________________________________________________
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

Possibly related: