Problem ze znacznikiem blokowym i jego marginesem w divie... Opcje

[net83user]

Mam oto taki kod:

[HTML] pobierz, plaintext 
<div style="width:300px;">
 
<div style="width:100px;height:200px;background-color:red;float:left;">MENU</div>
<div style="width:200px;height:200px;background-color:green;float:right;">
          <div style="width:200px;height:50px;background-color:yellow;"><h1>HEADER</h1></div>
     </div>
 
</div>
[HTML] pobierz, plaintext 

Znacznik H1 przesuwa cały DIV w którym się znajduje w dół. Jeśli wpisany jest zwykły tekst (bez znaczników H1), jest tak jak powinno być. Jeśli usunie się margines górny z H1 to także problem znika.

Czy usunięcie marginesu z <h1> to jedyny sposób aby szkielet się nie rozjeżdżał?
Sprawdzane na Firefox3.

P.S. Na forum wcięcia kodu nie są wyświetlane?

Ten post edytował net83user 23.08.2008, 22:16:56

[net83user]

Zadziałało:

* html{
margin:0;
padding:0;
border:0;
}

Paddingiem reguluję położenie nagłówka.
Dziękuję za pomoc.

Dodatkowo dołączam znalezione w Google informacje na ten temat. Opisany jest także problem z resetowaniem przez "gwiazdkę" oraz z dołączaniem własnego arkusza resetującego:

• Resetowanie CSS. po mojemu | Wasacz, blog
• CSS Tools: Reset CSS
• Eric's Archived Thoughts: Reset Reloaded
• Eric's Archived Thoughts: Resetting Again

Ten post edytował net83user 24.08.2008, 18:15:41