Autor Zpráva
a.heinrich
Profil *
Ahoj, po dlouhé době mám dotaz. Jsem programátor s omezenými znalostmi CSS a
mám
jeden malý velký problém:

Mám tuto strukturu:
<div id="content">
<div id="left">Obsah...</div>
<div id="right">Menu...</div>
<div id="footer">Patička...</div>
</div>


a v CSS nastavené vlastnosti tak, že left má svou šířku a right kromě toho
ještě
absolutně pozicovaný tak, aby byl vpravo. Patička má nastaveno absolutní
pozivoání s bottom: 0 tak, aby byla nalepena ke spodnímu kraji obalového prvku
content.

Problém je v tom, že když je výška levého sloupce menší než výška pravého,
patička mi uletí (http://temp.adamh.cz/screenshoty/paticka.png). Jak
nastavit, aby byla vždy dole?


(zkoušel jsem nastavit obalovému prvku fixní šířku, pak ale nastane problém při
změně obsahu v pravém sloupci - pokud přidám další bloky, patička mi zase
uletí.
Obtékání nechci, nechovalo se mi korektně ve všech prohlížečích).


Díky za pomoc.

P.S. Googlil jsem dlouho, vesměs jsem našel řešení pro pouze jeden sloupec
nebo pro obtékání, které nechci :-)
Zdeněk Košťál
Profil
a.heinrich
Pravému sloupci dát
float: right;
, protože jakmile mu nastavíš
position: absolute;
, vyjme se z normálního toku dokumentu a zobrazí se v jiné vrstvě a v té původní se okolní obsah chová tak, jakoby tam tento prvek nikdy nebyl. Patičce také nedávej žádné pozicování, postačí clear. Když to shrnu, bude to vypadat asi nějak takto:
#content { width: ...px; }
#left { float: left; width: ...px; }
#right { float: right; width: ..px; }
#footer { clear: both; }
a.heinrich
Profil *
díky :-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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