nicht angemeldet
Hi,
danke für deine schnelle Antwort!
Die Begründung heißt "collapsing Margins". Der top-margin der H1 wird mit dem top-margin des Eltern-DIVs zusammengefasst und dem DIV zugerechnet, deswegen erscheint er nur als Offset bei der Überschrift.
Hm, aber warum kommt dann überhaupt kein margin? Ich hatte bisher gedacht, dass "collapsing" bedeutet, dass der größere margin genutzt wird?!
Und warum ist das dann bei folgendem Beispiel wieder anders?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Problem mit 100% Höhe</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%;
width: 100%;
}
</style>
</head>
<body style="background-color: yellow;">
<h1 style="margin-top:50px;">Überschrift 1</h1>
</body>
</html>
Viele Grüße
Daniel