[css-d] Table displays strangely in IE
The code shown below sets up a 2-row table 300 px high. The top row should be 80 px high and the remaining 220 px of height should be allocated to the bottom row.. It works exactly as expected in Firefox. However, in IE, the top row is much taller than the bottom row. It almost looks like the 80 and 220 are reversed. Can anyone tell me why? Thanks very much for any input. ... doug > http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"> Test < __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table displays strangely in IE
2008/11/20 Doug Jolley <[EMAIL PROTECTED]> > The code shown below sets up a 2-row table 300 px high. The top row > should be 80 px high and the remaining 220 px of height should be > allocated to the bottom row.. It works exactly as expected in > Firefox. However, in IE, the top row is much taller than the bottom > row. It almost looks like the 80 and 220 are reversed. Can anyone > tell me why? > I guess this is meant by CSS2.1:17.5.3: "CSS 2.1 does not define how extra space is distributed when the 'height' property causes the table to be taller than it otherwise would be." Ingo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table displays strangely in IE
> I guess this is meant by CSS2.1:17.5.3: "CSS 2.1 does not define how extra > space is distributed when the 'height' property causes the table to be > taller than it otherwise would be." That appears to be the explanation. So, obviously, the fix is to set the height of the individual elements so that the overall height of the table is the sum of the heights of its component parts rather than setting the overall height of the table and leaving an element to be "filled in" as the difference between the overall hight and the total height of other relevant elements. Thanks for the input. I'd say that you nailed it! :) ... doug ... doug __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
