<texy>Ano, i ja se divim, ze figl s "overflow: hidden" skoro nikdo (alespon podle reakci v ruznych forech, atd.) nezna. Je to skvela alternative ke "clear: both" a neni potreba zadny specialni prvek s touto vlastnosti.

Sam toto pouzivam napr. pri 3 col layoutu, kde potrebuju mit podbarvene sloupce az dolu. Rodicovskemu blogu pridam "overflow: hidden" a nesmi se zapomenout definovat sirka! Pak dovnitr vlozim tri plovouci bloky s "float: left" a je vystarano, rodicovsky blok se ukonci az po nimi

K videni treba na http://www.mysteryshoppers.cz/

<texy>Vďaka za pomoc. V poslednom čase som práve toto riešil, ale "prečítal som si ťa" skôr, ako by som na to sám prišiel. Ešte raz vďaka.

<texy>**Myf:** Jé, na to jsem se nedíval. S definovanou šířkou to funguje, díky za link, je to super objev. Znám ještě jedno podobné řešení — nastavit rodičovskému prvku také float. Ale to s sebou někdy přináší problémy. Tohle nové řešení vypadá mnohem lépe, ještě to otestovat v praxi. Potom by si zasloužilo víc propagovat, vypadá to, že se o něm u nás zatím moc neví.

<texy>Omlouvám se, ale v předchozím příspěvku jsem zapomněl na jeden důležitý řádek, výsledná definice tedy zní takto:

/—code
li {
display: block;
float: left;
position: relative;
}
\—

Bohužel jsem tuto konstrukci nevymyslel já, problémy jsem s ní nikdy neměl. Deklarace position spolu s float zajistí, že se neodřádkuje (ačkoli se jedná o blokový element).

Myf: Velmi elegantní řešení, já doteď používat height s nastavenou výškou em. Zobrazí se to tak dobře při různých velikostech písma, ale delší titulky, které se zvětší, mohou dělat neplechu.

<texy>? ani s tím `width: 100%`, jak "píše ppk":[http://www.quirksmode.org/css/clearing.html]?

<texy>**Myf:** Díky za postřeh, gecko a opera to bere, IE jsem ale ke spolupráci nepřinutil, tam je potřeba rušit obtékání pomocí clear.

<texy>když jsme u těch objevů ? (mimochodem nic tak nepotěší lamu jako přečíst si na profiblogu informaci, kterou už má sama lama ‘v malíku’ :] )

? nedávno jsem natrefil na podobné "notoricky známé" řešení, které mě překvapilo jak samo o sobě, tak i tím, že jsem se s ním, kam až má paměť sahá, nikdy nesetkal (neříkám, že mám kdovíjak dalekosáhlou paměť).

Jedná se o starý dobrý "problém" jak roztáhnout container floatů podle výšky oněch vnořených floatů (v kontextu uvedeného příkladu by to bylo asi znělo "kterak přimět `UL` k tomu, aby byl stejně vysoký jako nejvyšší `LI` (respektive `li &#62; a` do něj vnořený): zkuste v příkladu podbarvit třeba `ul { background-color: red; }`.

Řešení, které mě tak překvapilo, zní, volně převyprávěno: **`ul { overflow: auto; }`**. Narazil jsem na něj "zde":[http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/] (asi nejhumornější článek o CSS, který jsem kdy četl), kamž jsem zabrouzdal jen díky jistému ‘PPK’, který se "podivil":[http://www.quirksmode.org/blog/archives/2007/02/most_popular_pa.html] nad statistikou jeho nejnavštěvovanějších stránek.

No řekněte, používáte to někdo? Víte o někom, kdo to používá? Já jsem letmo projyxil české luhy a háje a narazil pouze na kohosi, kdo na to víceméně náhodou natrefil, když dštil oheň a síru na Gecko, ale v "oficiálních" zinech a diskusích je ticho po pěšině (nebo jenom já nic neslyším?). Asi mám jenom smůlu a zatím jsem v téhle konkrétní Americe ještě nenarazil na "naše" osadníky, ale i tak to stojí za pozornost?

<texy>**Tomáš Halada:** Ano, v tom případě pomůže.

**Dero:** Zoom funguje (je potřeba ještě přidat šířku), díky.

<texy>Alternativa je to řešit dvěma řádky přímo u li:
float: left;
position: relative;

Tento problém mě tak ještě nepotkal.

<texy>Nepomůže taky zadání pevné šířky odkazu? (samozřejmě vhodné třeba v menu kde jsou odkazy pod sebou)