PeMi

Vytlač príspevok
Odporuč príspevok
Bookmark and Share PRIDAŤ NA VYBRALI.SME.SK

Webdesign - dostat obsah DIV zarovnany nadol

zarovnanie DIV nadol ? ano da sa to !
isto to kopa ludi uz zazila ze aha potrebujem mat obsah bunky zarovnany nadol... pre tych co mavnu rukou a skusia stranku urobit "klasicky" je to lahke - to jest vsetko pobalit do TABLE TD, ci uz z naozaj praktickych dovodov alebo proste preto ze DIV nevedia a nasledne zarovnanie TD nastavia na "bottom"... ale ako na vec "spravne" ?

Nuz jedno vhodne riesenie sa predsa len najde... zalezi na rozlozeni ale z webdizajnerov asi vatsina bude poznat tzv "Holy grail" rozlozenie 3 stlpcov tak aby stredovy obsah bol zvyhodneny pre vyhladavace z dovodu optimalizacie pre vyhladavace

ked si stlpce nazveme ako col1, col2, col3 s nazstavenim pozicie na relative tak klasicky vsetko schovame do celkoveho hlavneho DIV elementu s id main, a nasledne aj kazdy zo stlcov este naplnime dalsim vnorenym DIV elemento s poziciou absolute :

CSS styly :
#main { width: 835px; height: 530px; }
#col1 { position: relative; width: 195px; height: 530px; float: left; }
#col2 { position: relative; width: 490px; height: 530px; float: left; }
#col3 { position: relative; width: 150px; height: 530px; float: left; }
#col1 div, #col2 div, #col3 div, #footer div { position: absolute; right: 0; bottom: 0; }

Veci okolo PC | stály odkaz

Komentáre

Pozor, na konci je potreba spočítať neľahkú matematickú úlohu! Inak komentár nevložíme. Pre tých lenivejších je tam tlačidlo kúzlo.



Prevádzkované na CMS TeaGuru spoločnosti Singularity, s.r.o., © 2004-2014