[CSS, HTML] Centrování

[Keymaster]

elegantněji bych doporučil obalit to, co se má centrovat do wrap divu, nastavit mu přes css width i height v pixelech, a potom mu dát akorát margin: auto;

[l_iNu$]

elegantněji bych doporučil obalit to, co se má centrovat do wrap divu, nastavit mu přes css width i height v pixelech, a potom mu dát akorát margin: auto;

Tohle to ale vycentruje jen horizontálně a nefunguje to v IE.

[Keymaster]

hm, nějak jsem měl za to že to funguje i vertikálně. Každopádně v IEčku to funguje, jen se nesmí použít XML preambule.

[Aigor]

hm, nějak jsem měl za to že to funguje i vertikálně. Každopádně v IEčku to funguje, jen se nesmí použít XML preambule.

jj, na tohle sem taky narazil (přímo na stránkách W3C), ale systém je celý v XHTML a nechce se mi kvůli jedné stránce překopávat hlavičky.

Nehledejte v tom žádnou záludnost. Chci na pár stránek vyvěsit "servisní hlášku" s obrázkem a protože to chci uprostřed, na takové prkotině jsem se zasekl na celej den

[Smitka]

A nestacilo by to udelat cely obrazkem na pozadit a ten nechat ve stredu?
background-position: center center

[Aigor]

A nestacilo by to udelat cely obrazkem na pozadit a ten nechat ve stredu?
background-position: center center

Jo slo. Stejne tak by tam slo prsknout tabulku - ale vis jak to je. Rikam si, ze to musi bejt prece jednoduchy a nechci to nijak obchazet. Furt si opakuju, ze je to nejaka jednoducha vec a cim vic na to nemuzu prijit, tim vic me to rozciluje...

[Smitka]

Prave ze je to prkotina na to se s ni nechat rozcilovat
Ale chapu ze jde o princip

Tak kazdopadne verikalni centrovani je problem, protoze stranka obycejne konci tam kde konci obsah, css neumi dynamicky pocitat a blokovy elementy neumi primo pozicovat potomkovske bloky.

Jedno z pouzivanejch reseni je pouzit display:table, v nem pak jde vertical-align, jen to samozrejme neumi IE a musi se to resit napsnim stylu, kterej prechroupe jen IE a vlastnosti display:inline-block. Ale to chce dost ccska a dost divu navic.

Pokud ale znas velikost centrovanyho objektu (nebo aspon zhruba a par pixliku te nezabije), tak se to da resit i bez vnorenych divu, jen je potreba nastavit html a body na height 100procent, dat divu relativni pozici top na 50procent a zapornej top-margin na pulku vysky prvku:

http://smitka.org/center.htm