Zdravím vás, potřeboval bych poradit jak na plovoucí prvky.
Mám CSS:
.clear_both{clear:both;}
.podkategorie{}
.podkategorie-inner{background-color: rgb(200,200,200);}
.podkategorie-bunka{
float: left;
width: 220px;
padding: 2px;
display: inline;}
.podkategorie-bunka a{display: block;}
HTML:
Tento kód mám uprostřed stránky v divu "hlavní" nebo tak něco:
<div class="podkategorie">
<div class="podkategorie-inner">
<div class="podkategorie-bunka">text</div>
...
<div class="podkategorie-bunka">text</div>
<div class="clear_both">
</div>
</div>
<h1>Nějaký text</h1>
No a ono to nefunguje. Prvky .podkategorie-bunka se mi sice rovanjí za sebe a hezky překakují, ale nadpis h1 je pak hrozně odskočenej dolů. Viz. obrázek.
Když tam clear nedám, tak se samozřejmě začne h1 psát hned za ten poslední blok, což nehci.
Prosím poraďte co s tím? (pokud je to alespoň trochu pochopitelné) Díky.