Jak nalepit paticku

Zkus jí zabalit do divu a absolutně pozicovat na konec body, nesmí být ale obalena jiným divem.

Tak to budeš muset udělat kompatibilní pro všechny prohlížeče, tohleto dělá problémy.

http://weblog.plavacek.net/2005-02.html#1108716997

Ano, tak ako pise Plavacek, teda absolutne napoziciovat vzhladom k spodku, teda ten div ku ktoremu poziciujes musi mat position relative. A paticke das bottom: 0px.

Dalsia moznost je urobit design pomocou float divov, a potom dat paticku pod ne, s tym ze tam das po tych obsahovych divoch clear prvok, aby paticka bola fakt pod oboma stlpcami.

Potreboval bych poradit s tou patickou a rozmistenim leveho sloupce. Kdyz stranku rozdelim jenom na nadpis hlavni a paticku, tak mi to finguje, ale kdyz si chci pridat levy sloupec jako menu tak se mi to rozhazi a levy sloupec mi konci drive a i ta paticka je moc dole. Nevite co s tim prosim?

To je casty problem CSS designov, vacsinou sa to riesi obrazkovym pozadim. Totiz ide o to, ze ked nastavis hlavnemu div, ktory obsahuje hlavicku, telo a paticku nejaku velkost a potom das lavemu stlpcu vo vnutri height: 100% bude mat velkost nadradeneho divu, lenze ak sa telo zvacsi, neberie sa to tak ze sa meni styl nadradeneho divu s urcitou vyskou, preto sa bud stlpec z menu alebo stlpec s obsahom nezavisle menia navzajom od seba, preto to nerob tak ze das lavemu stlpcu border. Taketo designy totiz funguju, ale len vtedy, ked je rozdelovaci border dvoch stlpcov prideleny tomu s vacsim obsahom. Teda tomu ktory roztahuje hlavny div. Ale ty nemozes vediet ze ci v niektorych pripadoch nebude menu dlhsie ako obsah. Hoci je to tak malokedy, ale niekedy sa to tak stava. Hlavne spociatku kym div s obsahom este nemas cim naplnit.
U teba vidim ten problem, ze si bud nastavil border divu s menu a obsah bol vacsi, alebo si nastavil border divu s obsahom a menu bolo vacsie.

Teda tu je to spominane riesenie :)
musis nastavit divu, ktory nesie v sebe div pre menu a div pre obsah, beriem to tak ze menu je nalavo a je uzsie ako obsah a obsah je napravo a je sirsi ako menu.
musis nadradenemu divu nastavit obrazkove pozadie a dat ho opakovat az po koniec stranky. Ale len po osy ypsilon teda repeat-y. Najlepsie je ked je to jednopixelovy horizontalny pas. Ak ho chces opakovat po vyske a vertikalny ak ho chces opakovat po sirke. Ty ho chces opakovat po vyske, takze si budes musiet v grafickom programe zostrojit horizontalny (vodorovny) pas.

Vzor:

#Hlavny div, nesie celu stranku

<div>



<div>Hlavicka</div> 



#DIV so stlpcami

<div>



<div> Tomuto nastavis cez style pozadie background: URL('obrazok.jpg') repeat-y;

Lavy stlpec

</div>



<div>

Pravy stlpec-obsah

</div>

-----------



<div>Paticka</div>



</div>



</div>

dufam ze je to zrozumitelne.