nicht angemeldet
hast Du es wirklich ausprobiert?
In einem modernem Browser?
Wenn dir FF 1.5.0.2 uns IE 2.0.2900 modern genug sind ;-)
Aber du kannst es gerne mal selber probieren. Hier ist der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Vertikal zentrieren</title>
<style type="text/css">
<!--
#total { position:absolute;
left: 50%; margin-left: -250px; width:500px;
top: 50%; margin-top: -150px; height:300px;
z-index:1; }
#header { position:absolute; top: 0px; left:0px; width:500px; height:100px; z-index:1;
background:#cccccc;
border-left: 1px solid black;border-top: 1px solid black;border-right: 1px solid black; }
#navi { position:absolute; top:100px; left:0px; width:100px; height:150px; z-index:1;
background:#cccccc;
border-left: 1px solid black;}
#content { position:absolute; top:100px; left:101px; width:400px; height:150px; z-index:1;
border-right: 1px solid black;
display:table-column-group;
/* table | table-cell | inline-table | table-row | table-row-group | table-header-group | table-footer-group | table-column | table-column-group | table-caption */
vertical-align:middle;text-align:center;}
#footer { position:absolute; top:250px; left:0px; width:500px; height: 50px; z-index:1;
background:#cccccc;
border-left: 1px solid black;border-right: 1px solid black; border-bottom: 1px solid black;}
-->
</style>
</head>
<body bgcolor="FFFFFF" text="#000000" style="border:none">
<!--
<script type="text/javascript">
alert(document.compatMode);
</script>
-->
<div id="total">
<div id="header">
header
</div>
<div id="navi" >
navi
</div>
<div id="content">
<p>
content
</p>
</div>
<div id="footer">
footer
</div>
</div>
</body>
</html>
Ciao
Frank