3x barvy na stránce – HTML / XHTML – Fórum – Programujte.com

Zdar programátoři,

mám na takový dotaz, mám tři barvy na stránku a když chci do druhé (sloužící pro hlavní obsah) hned napsat nadpis první úrovně, tak se mi ty dvě první barvy rozjedou a udělá se tam mezera, jak udělat to aby se ta mezera nezobrazovala (čili nerozjeli se mi barvy)?

Pro CSKO: .hlavicka {background:#13203b;height:15%;} .obsah{background:#cabe60;height:80%;} .paticka{background:black;height:5%}
<div class="hlavicka"> sdasda </div> <div class="obsah"> <h1>dsadas</h1> </div> <div class="paticka"> adsadsa </div>

Díky moc za pomoc.

Možnost 1.:

.obsah {background:#cabe60;height:80%;padding:1px} 

Možnost 2.:
 

//CSS
.nadpis {font-size: 40px}

//html
<div class=obsah>
	<div class=nadpis>Nadpis</div>
</div>

Problém je v nativní vlastnosti h nadpisů, které automaticky mají nastaveno odsazení nahoře i dole.

Nebo bys musel dat h1 {margin-top:0;} nebo h1:first-child ale tim si muzes zpusobit more problemu pozdeji. Jinak to tez resi border, pokud tam muzes dat ramecek.