Autor Zpráva
BaTeCzKo
Profil
#1 · Zasláno: 26. 7. 2006, 12:00:55
Odpovědět Citovat
Snažil jsem se předělat layout mého webu z tabulek na floatované divy. Ale ve Firefoxu jsem narazil na tento problém.

Mám to takhle: 

<div id="container"> <!--zarovnává obsah stránky na střed, má bíle pozadí-->

<div id="containerokraj"> <!--odsazuje obsah v containeru-->





<div id="menu"><!--obsahuje obsah stráky, má nastavenou šířku a float: right;-->

... menu ...

</div>



<div id="obsah"> <!--obsahuje obsah stráky, má nastavenou šířku a float: left;-->

... obsah stránky ...

</div>





</div>

</div>


Můj problém spočívá v tom, že ve Firefoxu (a možná i v jiných kromě IE) se nezobrazí bílé pozadí pod tím obsahem a menu. V IEčku to jde normálně.

Podívat se na to můžete zde
a styl můžete prokoumat zase zde

Díky
Plaváček
Profil
#2 · Zasláno: 26. 7. 2006, 12:05:01
Odpovědět Citovat
To se tu řeší dnes a denně, je třeba ukončit obtékání plovoucích prvků, které ze své podstaty neovlivňují výšku rodičovského prvku. Jinak řečeno, za div id=obsah postačí vložit jakýkoliv prvek s nastavenou vlastností clear: both. Třeba takto (nebo i jinak)

<div id="obsah"> <!--obsahuje obsah stráky, má nastavenou šířku a float: left;-->
... obsah stránky ...
</div>
<div style="clear:both">&nbsp;</div>

Můžeš ale využít i jiné elementy, používá se HR nebo BR a podobně. Myslím, že Yuhů to popsal srozumitelně. http://www.jakpsatweb.cz/css/clear.html
BaTeCzKo
Profil
#3 · Zasláno: 26. 7. 2006, 12:12:58
Odpovědět Citovat
Díky!! Moc mi to pomohlo. :)
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0