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
>>>>>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head><title>Test</title></head>
<body>
<table style="width: 400px; height: 300px;">
<tr>
<td style="height: 80px; background-color: #003366;">
</td>
</tr>
<tr>
<td style="background-color: #ff0000;">
</td>
</tr>
</table>
</body>
</html>
<<<<<
______________________________________________________________________
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/
