Autor Zpráva
Michal Kolesa
Profil
Proč nelze vložit tabulku do tagů DIV s ID a následně v CSS souboru pron DIV s ID nastavit vlastnost text-align:center; ?
Vím že do tagu TABLE lze dát align="center", ale nechtěl jsem tutu vlastnost použít, protože již je zaveržená.
Tag CENTER je rovněž zavržen.
V knize Mistrovství CSS jsem našel fígl, že lze tagu TABLE v CSS nastavit margin: 0 auto;

Moderátor Chamurappi: Před otazníkem se nedělá mezera.
Nox
Profil
chceš zarovnat celou tabulku? pak margin: 0 auto;

text-align slouží (pochopitelně, dle svého názvu) k zarovnání textu
(někde ve starých IE to zarovnává i celý objekty, ale.)
Trejpa
Profil
Michal Kolesa:
Chceš zarovnat celou tabulku? Pak margin: 0 auto; pro tabulku a text-align: center; pro okolní DIV (vystředí v IE v quirku).

Text-align původně sloužilo (nepochopitelně, dle svého názvu) k zarovnání textu i bloků.
Ve všech IE v quirku to zarovnává i celé objekty.

Proč tak blbě? Protože to tak kdysi rozhodlo W3C.
Radek9
Profil
Michal Kolesa:
body {
  text-align: center;
}
table {
  margin: auto;
}
panther
Profil
Michal Kolesa:
Vím že do tagu TABLE lze dát align="center", ale nechtěl jsem tutu vlastnost použít, protože již je zaveržená.
funguje? Funguje. Jestli chceš, klidně jej použij.

Tag CENTER je rovněž zavržen.
funguje? Funguje. Jestli chceš, klidně jej použij.

V knize Mistrovství CSS jsem našel fígl
fígl fungující pro všechny blokové elementy.
Chamurappi
Profil
Reaguji na Trejpu:
Ve všech IE v quirku to zarovnává i celé objekty.
Doplním, že šestka a sedmička zarovnávají bloky pomocí text-align i ve standardním režimu.
Trejpa
Profil
Chamurappi:
Osmička také.
Chyba, osmička ne. Předpokládal jsem, že rozšíření Firefoxe IE Tab používá výchozí jádro IE v systému. Mýlil jsem se, používá sedmičku.
Michal Kolesa
Profil
Pokud se zarrovnávají bloky i ve standrdním režimu, proč mi nejde zarovnat tabulka?
Trejpa
Profil
Michal Kolesa:
Pokud se zarrovnávají bloky i ve standrdním režimu, proč mi nejde zarovnat tabulka?
Tabulka je blok, tudíž ji lze v IE v libovolném režimu vystředit pomocí text-align: center nastaveném obalovacímu prvku:
http://qu.wu.cz/webtest/vystredena-tabulka.htm (quirk; IE6 a IE7 standard)

Že ti to nejde, potom asi děláš někde chybu. Chyba byla u mě.
Michal Kolesa
Profil
Tabulku vystředěnou nemám IE 8
Trejpa
Profil
Michal Kolesa:
Tabulku vystředěnou nemám IE 8
Máš pravdu, osmé verze IE se to netýká.
Asi používám špatná simulující jádra prohlížečů.
Trejpa
Profil
Michal Kolesa:
Podle jistého příspěvku soudím, že jsi to sám zatím nepochopil, jak jsme se tu v [#3] a [#4] snažili. Vysvětlím ti to tedy ještě jednou.

Aby mohl být blok vodorovně vystředěn, musí mít šířku menší než 100% (poopraveno).
Nové prohlížeče respektující CSS 2 vystřeďují blokový prvek tím, že se mu nastaví margin-left a margin-right na auto (zkráceně margin: 0 auto;).
Staré IE však za hodnotu auto považují nulu, takže se tímto nevystředí.
Vystředí je však text-align: center v nadřazeném elementu.
Aby to fungovalo všude, je třeba tyto postupy zkombinovat oba.

<div style="text-align: center;"> Toto je obalovací DIV nebo BODY.
  <div style="text-align: left; margin: 0 auto; width: 600px;"> Toto je vystředěný DIV, tabulka nebo odstavec. </div>
</div>
Bubák
Profil
Trejpa:
Aby mohl být blok vodorovně vystředěn, musí mít nastavenu šířku.
Vždy nemusí, jsou výjimky:
<!doctype html>
<table style="border: 3px double navy; background: #def; margin: 2em auto;">
<tr><td>Tabulková data
</table>
<img src="http://diskuse.jakpsatweb.cz/img/logo.gif" style="display: block; margin: auto"> 


Myslím si, že i blok bez nastavené šířky se vystředí, ale "drobný" nedostatek je v tom, že u takto širokého bloku není poznat, zda je zarovnán doleva, dopravo, či doprostřed.
Trejpa
Profil
Bubák:
Vždy nemusí, jsou výjimky:
Původně se výrok týkal obecného blokového elementu, jehož výchozí šířka je 100 %. Upřesnil jsem předpoklad, aby postihl i neobvyklé stavy:
Vodorovně vystředěný blok nemusí mít šířku nastavenu, ale jeho skutečná šířka musí být menší, než je prostor, v němž má být vystředěn.

u takto širokého bloku není poznat, zda je zarovnán doleva, dopravo, či doprostřed.
Dlouho jsem přemýšlel, co se pod tou větou skrývá. Ano, blok široký 100 % šířky svého rodiče má stejnou pozici bez ohledu na centrování. O zarovnání se tedy nejedná.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: