Mike: margin=0 padding=0 auf body und html wirkt nicht auf zb. h1

Beitrag lesen

SELF-Forum

margin=0 padding=0 auf body und html wirkt nicht auf zb. h1

Mike
– Informationen zu den Bewertungsregeln

Hallo,

der folgende Code müsste doch eigentlich margin und padding aller Elemente einer Seite auf NULL setzen:

  
  
<!DOCTYPE html>  
<html>  
<head>  
<title>test</title>  
<style>  
html,body{margin:0px;padding:0px;}  
  
body{  
background-color:#ffffff;  
font-size:12px;  
}  
  
#head{  
background-Color:red;  
}  
#main{  
background-color:#f6f6f6;  
}  
</style>  
</head>  
  
<body>  
  
<div id="head"><h1>test</h1></div>  
<div id="main">blabla blabla</div>  
  
  
  
</body>  
</html>

Ist aber nicht so, weder IE noch FF. <h1> erzeugt in diesem Fall einen Abstand von oben. seltsam, dass dadurch auch der div.headbereich leidet und komplett heruntergezogen wird anstatt nur h1. Aber das ist nicht die Frage, sondern:

html,body{margin:0px;padding:0px;}
Alle anderen Elemente sind doch untergeordnet, warum wirkt sich das dann nicht aus? Außerdem wurde und wird diese Auszeichnung auf unzähligen Seiten, eben aus diesem Grund empfohlen und funktionierte früher auch problemlos.

html,body,h1{margin:0px;padding:0px;}
so geht es, aber warum muss ich jetzt noch explizit angeben, dass h1 margin und padding = 0 ist?

Gruss
Mike

Beitrag melden
–
Informationen zu den Bewertungsregeln