Autor Zpráva
Dave
Profil
Nevite nekdo jak zarovnat prvek, tady je to div, aby byl na stredu? A jeste to potrebuji XHTML validni, takze HTML prvek center tady nemuzu pouzit.

Diky
simka00
Profil
<div style="text-align: center">
Dave
Profil
simka00: ja ale potrebuju zarovnat ten blok a ne text
tpikalek
Profil *
<div style="text-align: center"><div style="margin: 0px auto"></div></div>
To tučně tam musí být určitě. To ostatní nevím. Kdyby to nejelo, dej to tam celý.
Martin Kuželka
Profil
Pro IE je potřeba nastavit nadřazenému divu (nebo pro body) text-align: center;. Pro ostatní prohlížeče nastav tomu divu, který chceš zarovnat na střed, margin: 0 auto;.
Dave
Profil
tpikalek: ale to mi odsadi jenom text ne?
tpikalek
Profil *
Takže aby to jelo všudě, celý kód musí být:
<div style="text-align: center;"><div style="margin: 0px auto;">Obsah centrovanýho divu</div></div>
Místo toho prvního divu můžeš mít klidně přímo body (jestli děláš centrovaný stránky). Celej obdah divu bude uprostřed.
Dave
Profil
Martin Kuželka: ale pak mi to rozhazi layout jestli muzes tak se koukni sem: http://weare4a.ic.cz/test.php
tpikalek
Profil *
Zkus toto:

<body style="text-align: center;">
<div style="margin: 0px auto; position: relative;">
Obsah stránek
</div>
</body>
Dave
Profil
tpikalek: nejde
Timy
Profil
A nechybí vám tam šířka toho divu?

<div style="text-align: center;">
<div style="margin: 0px auto; width:500px;">
Obsah centrovanýho divu
</div>
</div>

tohle jede všude a pokud ne, chyba bude něde jinde ve struktuře stránky
tpikalek
Profil *
Já bych tam radši dodal i to "position: relative;", aby se všechny absolutně pozicovaný prvky v tom divu nepočítaly vzhledem k oknu prohlížeče, ale k tomu divu... Jednou jsem to zapoměl a pak jsem hodinu přemýšlel kde je chyba...
Onecar
Profil
<div align="center">patlamatla</div>
Tohle IMHO řeší ten problém... i když jistej si nejsem ;)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0