vytvoreni menu, hlavicky, obsahu a paticky pomoci pozicovani

[martas01]

Mam dotaz, mam tento styl a chci cele body vycentrovat, aby bylo uprostred stranky v jakemkoliv rozliseni, zkousel sem to ruzne ale vzdycky to neslo v Mozille, v IE to slo, tak sem zkusil nastavit position na absolute a zadal sem pevne rozmery, ale ted nevim jak to mam vycentrovat, asi ty pevne rozmery budu muset zrusit ze?

Kód: Vybrat vše

body {background-color: yellow;}
#celek {position: absolute; top: 0px; left: 0px; width: 800px; height:600px;}
#logo {position: absolute; top: 0px; left: 0px; text-align: center; width: 800px; height:25px; border: 1px solid #ccc; background-color: red;}
#main {position: absolute; top: 25px; left: 163px; text-align: left; width: 637px; height:600px; border: 1px solid #ccc; background-color: lime;}
#menu {position: absolute; top: 25px; left: 0px; text-align: center; width: 160px; height:600px; float: left; border: 1px solid #ccc; background-color: aqua;}
#paticka {position: absolute; top: 625px; left: 0px; text-align: center; width: 800px; border: 1px solid #ccc; background-color: silver;}


[Reklama]

[RuleZZZ]

Pokud chceš body vycentrovat, musíš mu dát text-align:center, následně #celek nastavit jako {text-align:left;width:760px;margin:0 auto;}, kde width bude jeho šířka a align zarovnání textu. Celek totiž nemůže mít position:absolute, když mu nechceš nastavit absolutní pozici. Nezkoušel jsem to a nejsem si jist, jestli nemelu hovadiny, ale dneska už mi to nemyslí.

A taková menší, skrytá reklama - pokud chceš detailnější rady ohledně webu, doporučoval bych fórum, kde se zaměřují přímo na to. Takže nejlépe diskuse.jakpsatweb.cz. Dokážou tam sice člověka naštvat do běla, ale většinou radí dobře.

Edit:
Jo a pokud ti něco nesedí v Mozzile, ale v IE jo, doporučuju využití nesrovnalostí v čtení CSS v tvůj prospěch. Více se o tom dočteš na http://www.jakpsatweb.cz/css/css-prohlizece-hacky.html

[pikaso.andreas]

pokud chceš vycentrovat celou stránku na střed (například máš celek stránky v <div class="celek"></div>)
tak napiš do stylu

Kód: Vybrat vše

.celek {position:relative;left:50%;margin-left:-450px;width:900px}

position: asi chápeš, left: dá to na střed,ale 50% počítá od levé hrany prvku (divu) a proto musíš celý prvek posunou o jeho poloviční šířku doleva margin-left:-450px (-450px je půlka celé šířky divu) width:900px

Snad ti to pomohlo