Tryb dziwactw — Quirks Mode

Quirks Mode jest nazwą dla trybu zgodności z CSS w Internet Explorer 5 i starszych. Przeglądarki, aby były zgodne ze starymi stronami WWW muszą udawać błędy i niedoróbki ówczesnych przeglądarek.

Box model

Box Model w Quirks Mode dość znacząco się różni od standardowego. Szerokością elementu jest suma szerokości zawartości, paddingu oraz obramowania.

Żeby poznać wielkość całego elementu trzeba dodać widthmargin.

Żeby poznać wielkość treści, trzeba odjąć borderpadding od width.

Zmiana box modelu: box-sizing Bug w IE

Jest to właściwość CSS3. Pozwala zmienić sposób podawania dla konkretnych elementów.

border-box
box model quirks mode
content-box
box model standardowy
padding-box
niespotykany pośredni model, gdzie width określa wielkość treści i paddingu, a border pozostaje „na zewnątrz”.

Doctype switching/sniffing

DOCTYPE switching/sniffing jest rozwiązaniem, na jakie wpadli czołowi producenci przeglądarek, pragnący dostosować swoje produkty do standardów internetowych. Mówiąc ogólnie, dokument z odpowiednim znacznikiem DOCTYPE jest wyświetlany i obsługiwany zgodnie ze standardami. W przypadku braku DOCTYPE strona jest wyświetlana w trybie zgodności wstecz (Quirks Mode). Dzieje się tak, aby uniknąć nieprawidłowego wyświetlania witryn niezgodnych ze standardami.

Quirks Mode w innych przeglądarkach

Quirks Mode w każdej przeglądarce może polegać na czymś innym. Opera tak jak IE zmienia box model, lecz Firefox nie.

dodać info o innych przeglądarkach posiadających Quirks Mode

http://zso.ath.cx/~lato_p/download/box-sizing/box-sizing.html

Zależność interpretacji box model w różnych przeglądarkach

Obecność (lub brak) odpowiedniego DOCTYPE decyduje o tym, którego trybu użyje przeglądarka. Dodatkowo Internet Explorer nie dopuszcza czegokolwiek przed DOCTYPE.

Ta tabelka wydaje mi się pełniejsza i czytelniejsza http://hsivonen.iki.fi/doctype/

DOCTYPE Win/IE5 Win/IE6 Mac/IE5 Win/Fx1.5 Win/Opera8.5
HTML 4.01 Transitional — brak DOCTYPE Quirks Quirks Quirks Quirks Quirks
HTML 4.01 Transitional — brak adresu URL w DOCTYPE Quirks Quirks Quirks Quirks Quirks
HTML 4.01 Transitional — poprawny DOCTYPE Quirks Standard Standard Standard Standard
XHTML 1.0 Transitional — brak DOCTYPE Quirks Quirks Standard Quirks Quirks
XHTML 1.0 Transitional — brak adresu URL w DOCTYPE Quirks Quirks Standard Standard Standard
XHTML 1.0 Transitional — poprawny DOCTYPE Quirks Quirks Standard Standard Standard
XHTML 1.0 Transitional — brak Prologu XML Quirks Standard Standard Standard Standard
XHTML 1.0 Transitional — brak Prologu XML i adresu URL Quirks Standard Standard Standard Standard

Zmodyfikowano: 15.05.2007, 23:33