Tří sloupcový layout v EM - nejde – CSS – Fórum – Programujte.com

Dobrý den,
mám takový problém. Chtěl bych udělat tří sloupcový layout, který by fungoval ve všech prohlížečích. To se mi podvedlo, ale nedaří se mi zarovnat obsah na střed a nemůžu pochopit proč. Nějaký jednoduchý hotový layout v EM jsem nenašel.

Takhle to vypadá:

<style type="text/css">



#leftnav {

float: left;

height: 340px;

width: 11em;

background: silver;

}



#rightnav {

float: left;

height: 340px;

width: 11em;

background: #DDF;

margin-top: ;

}



#content {

height: 340px;

width: 50em;

background: gray;

}



</style>



<div id="leftnav">

left

</div>



<div id="rightnav">

right

</div>



<div id="content">

content

</div>

Není už trochu zbytečné dělat to v EM, když prohlížeče již zoomují celou stránku?

A jak to tedy dělat? Nevím, když to zoomuje stránku u mně, tak se ta stránka úplně znetvoří, ale v em ne...

Rozměry fixně v PX. V prohlížeči když pak zoomuješ (ctrl + kolečko myši) tak se to nemůže rozhodit.

Každopádně chceš mít asi celý design vycentrovaný na střed že? Vytvoř obalový div který bude mít šířku designu, nastav mu margin: 0px auto aby byl na střed. Do něj naskládej za sebe #leftnav, #content a #rightnav a všem třem přidej float: left;

Já bych to chtěl udělat jako u stránky Travian.cz, že se tam objeví takové to posunovátko. Ale jejich kód je opravdu nepřehledný...

Není na tom nic těžkého, prostě všem sloupcům dej float: left, aby se narovnal za sebe

Dík za radu, už se mi to povedlo. :)