Autor Zpráva
Technokrat
Profil *
Ahoj lidi, jsem už dost zoufalej, tedy volám SOS a žádám o radu. Potřebuji zamezit ukončení obalu dříve, než skončí plovoucí objekt uvnitř, klasika - potíž je, že mám kolem zleva i zprava plovoucí boční panely a klasickej čistič s clear:both se vykreslí teprve až když skončej všichni plaváčci v dokumentu, tedy až pod delším z obou panelů. Nevím zda jsem to dobře popsal, spáchal jsem tedy příklad (css).

Pomozte prosím, jsem naprosto zoufalej. Nějak jsem se na tom seknul a nevím kudy jak dál.

Předem mooooooc díky :)
Plaváček
Profil
Technokrat

Zkus upravit definici prvku s názvem .box takto:

.box {
margin: 10px 0 0 0;
padding: 10px;
border: 1px solid #ccc;
overflow: hidden;
display:inline-block;

}

A jeden pěkný odkaz pro lepší pochopení tématu plovoucích prvků:

http://www.pixy.cz/pixylophone/2003_12_archiv.html#1071056082
Technokrat
Profil *
Článek samozřejmě znám a stejně jako k mnoha dalším jsem se k němu tuto noc vrátil, nicméně jsem s tím stejně nehnul :( Tvoje rada - to je jiná - funguje naprosto excelentně ... já se skláním a děkuji. Řádkovej blok je pro mě přáznávám úplná novinka a popravdě mi to dost vyrazilo pojistky. Hnedle jdu študovat podrobnosti. Ještě jednou díky.
Plaváček
Profil
Technokrat

Řádkový blok aktivuje hasLayout v IE (více třeba u Dera - http://dero.name/weblog/ie6-ie7-bugy-problemy-se-seznamy/ ), stejným způsobem to však zařídí třeba i nastavení šířky (width) bloku .box (jenže tam máš padding a narazil bys na problémy s box modelem).

Stejnou funkci zastane i poměrně zajímavá vlastnost zoom (třeba pro .box nastavíš zoom:1) a výsledek bude stejný.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0