Stránka 1 z 1

Zarovnání DIVu

Napsal: sob 15. zář 2007, 13:55
od Soutezilek
Zdravím.
Prosím Vás. Mám na webu tuto strukturu

<DIV id="obal">
<DIV id="levy_sloupec"></DIV>
<DIV id="pravy_sloupec"></DIV>
</DIV>

Přitom obal mám rotažený na celou šířku stránky. Jak docílím toho, aby levy_sloupec a pravy_sloupec byly zacentrovany uprostřed obalu? Děkuji

Napsal: ned 16. zář 2007, 09:11
od Trinom
Já to mám vyřešený takhle a funguje to jak pro FF, tak pro IE (ostatní jsem netestoval)

/*pozicovani*/
div.stranka {width: 780px; position: relative; text-align: justify; margin:auto}
div.zahlavi {width: 780px; position: absolute; text-align: left; margin: auto}
div.menu{width: 160px; position: absolute; left: 5px; top: 220px}
div.obsah{width: 570px; position: absolute; left: 185px; top: 220px; background-color:#ffffff; border:1px #efefef solid; padding:5px}
div.zapati{width: 570px; position: relative}


Tohle je pro class, ale to už je jedno, ne?

Napsal: ned 16. zář 2007, 17:44
od Spamobij
Obalit levý a pravý sloupec do divu o šířce rovnající se součtu jejich šířek a nastylovat mu margin: auto (nadřazenému divu pochopitelně text-align: center pro IE) a dát pravému a levému sloupci float: left a float: right.