Hm... wenn ich im Sytlesheet des body "height: 100%" eintrage, sagt der IE "Einhundert prozent relativ zum Elternelement, das ist window.document". Der FF sagt "da gibt's nyx drüber, das ignoriere ich". Body ist also unabhängig von der Fenstergröße nur so groß, wie es das letzte im Body Element erlaubt. Hm.
Sort of dirty hack:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title> </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- fix the FOUC -->
<script type="text/javascript">
function fix() {
document.getElementById("eins").style.height = window.innerHeight + "px;";
}
</script>
<style type="text/css" media="screen">
body {
margin: 0px;
padding: 0px;
border: 0px;
height: 100%;
}
table#eins {
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
border: 0px solid red;
height:99%;
}
td#drei {
}
td#vier {
width: 150px;
height: 100%;
border: 1px solid green;
}
</style>
</head>
<body>
<table id="eins">
<tr id="zwei">
<td id="drei">links</td>
<td id="vier">rechts
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis nostrud exercitation ulliam corper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. Duis autem veleum
iriure dolor in hendrerit in vulputate velit esse molestie
consequat, vel willum lunombro dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis
dolore te feugait nulla facilisi. Li Europan lingues es
membres del sam familie.
</td>
</tr>
</table>
<script type="text/javascript">fix();</script>
</body>
</html>
So sieht's in beiden Browsern so ziemlich gleich aus. Ohne Scrollbalken, btw.
Aber so nebenbei: überleg dir, ob du das wirklich haben willst. Ich würd's nicht machen. Du limitierst dich damit nur selbst. Bzw. schränks den Benutzer ein. Du hast keinerlei Ahnung, wie hoch das Browserfenster des Benutzers ist. Und du weißt im Vorraus oft auch nicht, wieviel Text am Ende in die Seite gepackt wird. Die Chance, daß der Text aus der Seite raus fließt, ist groß, insofern machst du dir die Arbeit eventuell für nichts. Dein Design sollte so funktionieren, daß es von keinerlei Einstellungen oder Größen abhängig ist (okay, 400 pixel Fensterbreite kann man mittlerweile vorraussetzen, aber das war's auch schon).