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 |
#2 · Zasláno: 8. 12. 2009, 08:55:09 · Upravil/a: Nox
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 |
#3 · Zasláno: 8. 12. 2009, 09:11:40
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 |
#4 · Zasláno: 8. 12. 2009, 09:27:03
Michal Kolesa:
body { text-align: center; } table { margin: auto; } |
||
panther Profil |
#5 · Zasláno: 8. 12. 2009, 09:47:35
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 |
#6 · Zasláno: 8. 12. 2009, 11:19:03 · Upravil/a: Chamurappi
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 |
#7 · Zasláno: 8. 12. 2009, 11:54:05 · Upravil/a: Trejpa
Chamurappi:
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 |
#8 · Zasláno: 8. 12. 2009, 11:57:59
Pokud se zarrovnávají bloky i ve standrdním režimu, proč mi nejde zarovnat tabulka?
|
||
Trejpa Profil |
#9 · Zasláno: 8. 12. 2009, 12:06:20 · Upravil/a: Trejpa
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) |
||
Michal Kolesa Profil |
#10 · Zasláno: 8. 12. 2009, 12:12:21
Tabulku vystředěnou nemám IE 8
|
||
Trejpa Profil |
#11 · Zasláno: 8. 12. 2009, 12:20:19
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 |
#12 · Zasláno: 8. 12. 2009, 13:23:34 · Upravil/a: Trejpa
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 |
#13 · Zasláno: 8. 12. 2009, 16:00:16
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 |
#14 · Zasláno: 8. 12. 2009, 17:44:11
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á. |
||
Časová prodleva: 14 let
|
0