I am trying to create a 3-row-table with HEIGHT 100%, where row 1 and 3 should have a FIXED height (25px) !!, and row 2 a VARIABEL height, taking THE REMAINING x% of the page.
It works fine in MOZ 1.4 and also in IE6 in "transitional" quirks mode. But unfortunately it does NOT work in IE6 STANDARDS-COMPLIANT MODE, using the <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/strict.dtd">
(So I have to work with doctype transitional for now, but that screws up other things on my page.)
How can I get this working in IE6 using doctype strict? (I don't want to use JavaScript to set the height, since then I have to adjust it on every ONRESIZE of the window, which slows down the page.)
Thanks
Mingshuo
http://search.experts-exchange.com/Web/Browser_Issues/Q_20728681.htmlhttp://www.xs4all.nl/~ppk/css2tests/100percheight.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
http://www.w3.org/TR/xhtml1/DTD/strict.dtd">
<html style="height:100%" xmlns="
http://www.w3.org/TR/xhtml1">
<head>
<title>
table-layout Demo
</title>
</head>
<body style="height:100%; margin:0;">
<table style="width:100%;height:1
00%;color:
#ffffff;fo
nt-size:25
px;table-l
ayout: fixed;">
<tr style="height: 20px; background-color:red;">
<td>
Top (This row is supposed to be of FIXED 25px height)
</td>
</tr>
<tr>
<td style="background-color: blue;">
Middle (This row is supposed to fill the ramining x% of the page!)
</td>
</tr>
<tr style="height: 20px; background-color:red;">
<td>
Bottom (This row is supposed to be of FIXED 25px height)
</td>
</tr>
</table>
</body>
</html>
If I take out the DOCTYPE definition (or set it to transitional) does it work in IE, too. But how to make it work in standards-compliant mode?
Start Free Trial
