Clearing

Walter obtekanie sa dá buď ukončiť - clear, alebo zrušiť potrebu obtekania - tak že po float prvkoch nebudú nasledovať žiadne iné prvky. Tu je práve problém - ak nadradený prvok obsahuje iba float prvky a má mať obrázok na pozadí (alebo aj border) tak má nulovú výšku, tá sa síce dá nastaviť ze min-height, ale pokiaľ budú vnútorné prvky vyššie tak s pozadie ďalej nezobrazí, pokiaľ budú nižšie tak sa zobrazí zbytočne...

Vložit div s clearem both nebo existuje i jiný způsob?

Proč zrovna div? Dost často se dá použít třeba hr nebo br.

Já používám tuto metodu:

<div id="container">
<div class="neco">....</div>
</div>


div#container {
overflow: hidden;
zoom: 1 /* nevalidni - pro IE */
}

div.neco {
float: left;
}

Overflow: hidden se nemusí hodit všude, ale ve většine případů to nevadí a člověk nemusí zbytečně přidávat clearovací elementy.

Zoom: 1 je proprietární vlastnost pro IE a dělá přesně to, co dělat má - zoomuje, hodnota 1 značí, že se zoomovat vůbec nebude :) Ale jde o to, že se v IE tímto aktivuje pro daný element vlastnost hasLayout a pěkně se to vyclearuje - dá se použít i definice width, height a další - viz. stránky MS, ale toto je neškodné a nic to v tomto případě dělat nebude.

Fakt, že je to nevalidní je mi putna, funguje to? funguje. Spolehlivě? na 100% :)

Nepopsal jsem to uplně dobře, ale nástřel tam je :)