nicht angemeldet
Hallo,
So ist es, aber die 80px werden dennoch unten angehängt.
Ja, ich vergaß, dass margin und padding _außerhalb_ der height liegen. Dann braucht es leider noch ein zusätzlichens Element:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>[Titel]</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
html, body {margin:0; padding:0; height:100%;}
-->
</style>
</head>
<body>
<div style="position:absolute; top:0; left:0; height:80px; width:100%; background-color:#003031">
<p style="color:#FFF; margin:0;">Oben</p>
</div>
<div style="height:100%; background-color:#00AEAD">
<div style="padding-top:80px;">
<p style="margin:0;">Unten</p>
</div>
</div>
</body>
</html>
Allerdings könnte man einfach auch das BODY-Element als Hintergrund für den unteren Bereich gebrauchen und so ein DIV (das mit height:100%) einsparen.
viele Grüße
Axel