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ść CSS 3. 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/

DOCTYPEWin/IE5Win/IE6Mac/IE5Win/Fx1.5Win/Opera8.5
HTML 4.01 Transitional — brak DOCTYPEQuirksQuirksQuirksQuirksQuirks
HTML 4.01 Transitional — brak adresu URL w DOCTYPEQuirksQuirksQuirksQuirksQuirks
HTML 4.01 Transitional — poprawny DOCTYPEQuirksStandardStandardStandardStandard
XHTML 1.0 Transitional — brak DOCTYPEQuirksQuirksStandardQuirksQuirks
XHTML 1.0 Transitional — brak adresu URL w DOCTYPEQuirksQuirksStandardStandardStandard
XHTML 1.0 Transitional — poprawny DOCTYPEQuirksQuirksStandardStandardStandard
XHTML 1.0 Transitional — brak Prologu XMLQuirksStandardStandardStandardStandard
XHTML 1.0 Transitional — brak Prologu XML i adresu URLQuirksStandardStandardStandardStandard

Zmodyfikowano: 20.08.2011, 07:56
submit