No Future
Weblog přesunut na atd.havrlant.net
Jak jsem byl překvapen aneb centrování v IE bez text-align:center
23 listopad 2005, 15:26
rubrika internet
Nikdy jsem se nepovažoval za velkého znalce css, ale že od doby, co jsem se začal zajímat o webdesign neumím pořádně centrovat – to bych do sebe opravdu neřekl.
Znáte tu klasickou říkanku, jak se má centrovat –
divu se nastaví margin:auto a kvůli MSIE se
ještě musí nadřazenému oddílu dát vlastnost
text-align:center. Jenže to slovíčko musí
není tak docela správné, jak jsem nedávno zjistil, dá se to docela
jednoduše obejít. Nikdy jsem nezkoušel centrovat jinak, každé css jsem
prostě začínal klasicky
body{text-align:center}
#cele{margin:auto;width:760px}A neměl jsem nikdy touhu to nějak měnit, protože to prostě
fungovalo. Nedávno jsem ovšem zjistil šokující (tedy alespoň pro mne)
zprávu, že se MSIE dá přemluvit, aby zápis margin:auto
fungoval. Patrně většina tuší, jenom já jsem sto let za opicemi. Takže
stačí přehodit MSIE do standard režimu a běhá to jak má.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>Centrování bez text-align:center</title>
</head>
<div style="width:750px; margin:auto; background:#afa">
Oddíl vycentrovaný na střed bez text-align:center. MSIE musí být ve standardním režimu
</div>
</html>Takže tenhle kód bude chodit všude a ještě ke všemu (jako takový bonus) je plně validní (nooo – proč by taky nebyl, že?). Nechápu, že jsem to tak dlouho nevěděl. No nic, jsem prostě lama;-)
Málem jsem zapomněl, tady máte výsledek. A slušelo by se také uvést, že mě na tuto myšlenku přivedl jeden Chamurappiho příspěvek na diskusi.
komentáře
Hledej na weblogu:
Ereses
— 23. listopad 2005, 16:32
ide to aj s XHTML? co su to tie rezimy?
— 23. listopad 2005, 17:20
Režimy jsou v zásadě dva – Standardní a quirk. V MSIE se přepínají pomocí doctype. Pokud použiješ jakýkoliv xhtml doctype, tak bude MSIE vždycky ve standardním režimu, takže to bez
text-align:centerbude fungovat.Více o režimech u Yuhůůa
— 23. listopad 2005, 18:43
Ale stejně je tam to
lepší dávat, přece jen ještě existuje IE5
— 23. listopad 2005, 18:47
OT: Proč nepoužíváš obarvování kódu? :-)
— 23. listopad 2005, 18:59
Acci: Proč nepoužíváš obarvování kódu? – jo no, bylo by to pak přehlednější. Umí to Texy nějak jednoduše nebo to všechno musím barvit ručně? (Ručně mě to totiž nebude moc bavit…)
lepší dávat, přece jen ještě existuje IE5 – to je pravda, ačkoliv když si člověk prohlíží stránky v IE5 tak obvykle najde větší zrůdnosti, než nevycentrované stránky. Ale zase nikoho nezabije tam to
body{text-align:center}vrazit.— 24. listopad 2005, 13:38
Texy! to myslim ovlada, len neviem ako to spojazdnit, skus dokumentaciu
— 24. listopad 2005, 17:21
/---code css
body{text-align:center}
\
— 24. listopad 2005, 17:46
Acci: Jo tak k tomuhle to je… Zase jsem se nestačil divit, jak je to jednoduché.