Vojtěch Bulant [gwh] › Box-sizing: podpora v prohlížečích (aktualizováno)

Box-sizing: podpora v prohlížečích (aktualizováno)

Čtvrtek 1. 2. 2007, 4.31 ~ tagy: prohlížeče, kódování, css ~ trvalý odkaz

V poslední době jsem se rozhodl spasit svůj kód přepínáním prohlížečů do nestandardního box modelu. Stále jsem se ale nezbavil podezření, že některé prohlížeče box-sizing neznají. Vyvedete mě z omylu?

IE jsem do quirku shazoval už dříve, ale moderním prohlížečům jsem diktoval rozměry podle standardního box-modelu, jak nepraktické.

Internet Explorer

Weby optimalizuji pro IE 5.5 až 7. Internet Explorer shazuji do quirku a nařizuji mu tak, že má používat nestandardní box model. Paráda.

Mozillácké prohlížeče

Zde je záhodno nařídit prohlížeči pomocí proprietární vlastnosti -moz-box-sizing, ať počítá rozměry nestandardně. Firefox, Mozillu, Netscape, Seamonkey, Camino a další odnože Mozilly máme z krku. Paráda.

Presto, CSS 3!

Opeře (údajně od verze 7.2, což bohatě stačí) můžeme nařídit nestandardní box model pomocí CSS 3 vlastnosti box-sizing. IE5/Mac na box-sizing slyší také. Paráda.

KHTML?

A jak jsou na tom Safari a Konqueror? To by mě opravdu zajímalo, protože jsem nenašel žádné uspokojivé vysvětlení. Někde jsem četl o -khtml-box-sizing, ale to se mi zdá dost nevěrohodné. Safari prý dokonce odmítá spolupracovat se stylopisem, ve kterém začíná některá vlastnost pomlčkou (např. -moz-box-sizing), ale jen do té doby, než narazí na středník, zaplať pánbůh.

Vyjadřete se prosím v komentářích, budu vám neskonale vděčný.

Aktualizováno: Dero to rozsekl. Safari box-sizing (s)prostě neumí a -khtml- nepřivedl na svět Lukáš Havrlant. Bohužel, Lukáši, zase si budeš muset na tu Nobelovku o rok déle počkat. Takže suma sumárum, IE přepínat do quirku a moderní prohlížeče stále nechávat ve standardu. Sázka na jistotu.

přidat do del.icio.us ~ přidat do Linkuj.cz

8 komentářů

RSS komentářů ke článku

Dr.ik 1. 2. 2007, 7.39 #

Safari by měl mít Pampuch.cz, ten máí MAC OS X ;-]
myf 1. 2. 2007, 11.07 #

http://developer.apple.com/…ari_css.html (tedy asi ne)
http://www.konqueror.org/css/ (tedy asi ano)
ono všechny browsery které o sobě prohlašují že tak nějak implementují css3 (tedy podle nehotové w3c specifikace) by to měly umět.
http://www.w3.org/TR/css3-box/#…
(není pěkné, že w3c po těch letech přišlo ve věci box-modelu k rozumu? : ] )
Lukáš Havrlant 1. 2. 2007, 17.01 #

to -khtml- jsem asi na svět přivedl já . llook to kdes zmiňoval v diskusi, ale žádný další věrohodný zdroj jsem tehdá nenašel. Tipl bych, že podporují box-sizing, používám to na blogu a nikdo si zatím nestěžoval, že by to měl rozjetý.

Teď jsem si vzpomněl, že jsem se na to nedávno ptal:

> Konqueror se „chytá“ na deklaraci: box-sizing: border-box;
Firebird nemám instalovaný a takovou vykopávku instalovat nebudu, abych to otestoval. Současný Firefox se „chytá“ na deklaraci: -moz-box-sizing: border-box;
To jen pro úplnost, protože, pro srovnání, na průsvitnost se Firefox „chytá“ také na deklaraci: opacity: 0.5;
Testovaný Konqueror 3.5.4
gwh 1. 2. 2007, 17.55 #

Lukáš Havrlant: já používám box-sizing na http://www.bulant.cz/ a testoval mi to linuxák s Konquerorem a taky si nestěžoval.

Myf: díky za přehled, tím pádem můžeme Konqueror zařadit k Opeře. Paráda.

(Ten výčet CSS vlastností na který linkoval Myf je aktuální pro KHTML 3.4, takže bychom měli být opravdu s Konquerorem za vodou.)

No a teď by to chtělo ještě nějakého Safaristu, aby nám podal hlášení.

(Myf odkazoval i na výčet podporovaných CSS vlastností ve všech verzích Safari a nevypadá to dobře.)

Škoda, že je Swift v tak raných počátcích.
myf 1. 2. 2007, 18.42 #

gwh: nz a ď :). Ještě mi vytanula „notoricky známá compatibility table“[http://www.quirksmode.org/…ontents.html#t130]:
IE 5/6 i 7b3: ne (ale jak jsi psal, a jak víme, v quirku používá border-box, ve strictu content-box); IE 5.2 Mac: ano (překvapení); Safari 1.3.2: ne (víme); Opera 9: ano (víme); iCab 3.0 (co to je??): ne.

Lukáš Havrlant: K tomu „nestandardnímu“ „-moz-“ pro gecko: AFAIK se to odvíjí od stavu specifikace: box-model je stále (i po těch letech) ještě pouhý „draft“; opacity a celý color module je už nějakou dobu „Candidate Recommendation“. Zlozila si tak nechává zadní vrátka pro případ, že by konečná specifikace odporovala tomu draftu; pak by zůstala implementace -moz- záležitostí jak je a přidala se standardní ne-moz, jinak se při schválení stávajícího draftu pouze zpřístupní vlastnost/hodnota i bez ‚předpony‘. Třeba takový display: -moz-inline-block se už teď prý chová jinak, než by se měl chovat inline-block.
Lukáš 16. 12. 2010, 13.21 #

mrkněte sem:
http://www.quirksmode.org/…ontents.html

řešení je v podstatě jednoduché:
-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;

a tadá, box-sizing se projeví ve všech nám známých prohlížečích ;)
Anonymní 16. 12. 2010, 14.00 #

Jasně, Lukáši, koukni na datum tohodle článku :).
Lukáš 17. 12. 2010, 11.57 #

nj, moc sem to nečetl, tak třeba to aspoň někomu pomůže… ;)

Přidat komentář

Povinný je pouze text komentáře. Vyplňujte ale prosím, pokud možno, všechny údaje. E-mail nebude zobrazen.

Byl bych potěšen, kdybyste psali s diakritikou.

« Věčné téma: tučňáci Pevné versus variabilní rozměry elementů »

Vojtěch Bulant [gwh] tady kdysi něco bylo… :)