Zajímavý bug (diskuse)

[Michal Kubeček]

Už nějakou dobu se HTML/CSS tak moc nezabývám, ale stejně si nejsem moc jistý, že máte pravdu. Četl jste specifikaci opravdu důkladně a jste si opravdu úplně jistý, že containing box toho odstavce je v tomto případě viewport a ne element body, který může být menší? Já bych si tipnul spíš druhou variantu (což by znamenalo, že špatně to má naopak Opera), ale raději se ještě podívám.

[Luk]

Tak znovu. Containing box je právě element body, a podle něj by se to mělo vykreslit. Což se děje v Opeře, ne však v jiných prohlížečích. A děje se to jen někdy, pravděpodobně tehdy, když se daný element umísťuje dřív, než skončil rendering obsahu nad ním.

[Michal Kubeček]

To právě není tak jisté. Ve specifikaci CSS Level 2 se totiž říká

The containing block for a positioned box is established by the nearest positioned ancestor (or, if none exists, the initial containing block, as in our example).

přičemž termín positioned element je definován (9.3.2) takto:

An element is said to be positioned if its 'position' property has a value other than 'static'.

Interpretace vašeho HTML+CSS tedy závisí na tom, zda je element body v tomto případě positioned, tj. jaká je hodnota jeho atributu position. Protože jste ji nespecifikoval, necháváte to na defaultním stylu prohlížeče (ve specifikaci jsem nenašel, že by bylo určeno, jaká má být). Můžete si vyzkoušet, že pokud do stylu přidáte elementu body např. 'position: absolute', bude se odstavec pozicovat skutečně vůči němu (což při neuvedení height a obsahu skládajícím se ze tří teček bude pravděpodobně znamenat nápis nefunguje mimo obrazovku.

Můj závěr je tedy takový, že nejspíš je korektní chování jak Firefoxu, tak Opery a že rozdíl je dán jiným defaultním stylem. Pokud chcete, aby se to chovalo jedním ze zmíněných dvou způsobů, definujte hodnotu atributu position pro element body.

[Michal Kubeček]

Doplnění: první citace je ze sekce 9.8.4.

[Luk]

Jenže potíž je v tom, že i když celý obsah (včetně příslušného odstavce) vložím do bloku (třeba anonymního div), který má position: relative (čímž se stane obsahujícím blokem), chová se to naprosto stejně. Proto bych to na toto nesváděl.

[Michal Kubeček]

Mně ne, mně se to pozicuje vůči tomu elementu div (Firefox 2.0 beta 2).

[Luk]

Dal jsem si tu práci a vyzkoušel to nyní všechno znovu. A vypadá to celkem pozitivně - Firefox 1.5.0.6 (Gecko/20060808) již chybou netrpí, Konqueror 3.5.3 rovněž ne (což by bylo v souladu s tím, co jsem se dočetl u příslušného bugového hlášení; podle toho měla být chyba ve verzi 3.5 již opravena - i když tam někdo tvrdil, že nikoli).

V Mozille 1.7.13 (Gecko/20050915) je chyba přítomna, kdežto v Seamonkey 1.0.5 (Gecko/20060910) již nikoli. MSIE 6 samozřejmě neřeším (i když už jsem to reportoval Microsoftu), verze 7 ještě není finální (a nezkoušel jsem ji), takže ji nemá příliš smysl hodnotit.

Příslušné informace v zápisu opravím a namísto hlášení chyby musím všechny uživatele starších verzí vyzvat k aktualizaci. Když pro nic jiného, tak kvůli opravě této chyby.

[Michal Kubeček]

Totéž pro Konqueror 3.5.1.

[Zdenek.Z]

Hmm, divné, mě to funguje stejně všude stejně, tak jak bych očekával. Zkoušel jsem to na Opeře 9.01, Firefoxu 1.5.0.7, Konqueroru 3.5.4-0.5, Internet Exploreru 6.0 (pod wine). Všechno samozřejmě pod Linuxem.

[Luk]

Říkám, že se to děje jen někdy. Když jsou tam obrázky, je to mnohem častější, ale stejně to nenastane zdaleka vždy.

[Michal Kubeček]

Lidi, nechcete už se s tím Google-bombardováním jít vycpat? To tady za chvíli bude mít polovina lidí desetiřádkové patičky s hanlivými odkazy na všechno, co se jim nelíbí?

[pasmen]

Souhlas. To s tim Chuckem Norrisem je ale dobry

[Max]

Klid ...
Zdar Max

[Daniel Kvasnička ml.]

Nikdy by me nenapadlo delat to pres P...dal bych to do DIVu, to by snad fungovat melo, ne?

[Michal Kubeček]

To by mělo být jedno.

[Luk]

Jistěže je to jedno.