Hmm, i IE7 siger den backCompat.
... Quirksmode / back compatible mode er en mode hvor IE
overholder mindre css og der er mere problemer med css box modellen
( padding, margin m.m. ) - men om det virker i IE6 med den doctype
lyder det som iflg. det du siger, men i IE7 ser denne her helt skæv ud.
<div style="background:red;width:100px;height:100px;padding:50px;">a</div>
... Du vil sikkert kunne se resultatet i IE6 ved at fjerne doctypen.
( Men du vil hvis du anvender den doctype kunne opleve
fejl imellem visningen på henholdsvis IE6 og IE7 )
"Jeg anvender din ... "
- Det var doctypen fra sherlock 11/09-2007 13:32:56 og ikke min doctype.
"Og det virker med stylen på scroll baren." Ja det virker også i IE7 med
både body {} samt html {} fordi IE7 er i quirks mode, dog ville det kun
virke med html {} og ikke body {} såfremt IE ikke var i quirks mode.
"Jeg vidste ikke man kunne sætte attributter på html-elementet, men det vil jeg også prøve :-)"
Jeg plejer at starte med en omgang html,body {margin:0;padding:0;}
P.s.: Jeg har selv kørt med quirks i rigtig lang tid (indtil jeg fandt ud af at
gøre <?xml prologen før doctypen browser betinget), det er ikke det sjoveste i
verden og kan give problemer med løsninger og html / css kontruktioner, men hvis
du løber ind i det kan du prøve at rette din doctype til en af de andre i
11/09-2007 15:40:12 eller en anden inde fra w3c.org .
Men prøv evt. at se på disse to eksempler i IE6:
-
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
</head><body>
<div style="background:red;width:100px;height:100px;padding:50px;">a</div>
</body></html>
-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
</head><body>
<div style="background:red;width:100px;height:100px;padding:50px;">a</div>
</body></html>
...
Og evt. hvis muligt at sammenligne denne i henholdsvis IE6 og 7 samt FF.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
</head><body>
<div style="background:red;width:100px;height:100px;padding:50px;">a</div>
</body></html>
( Ovenstående ser ikke godt ud i min IE7 vs. FF, men har ikke lige IE6 ved hånden ).
Husk også at vælge en doctype der passer til indholdet,
en html doctype til xhtml'en du viser i 11/09-2007 10:25:48
fungerer ikke så godt hvis du leverede xhtml som xhtml (hvilket
der ikke er så mange der gør) ... men nu er der ikke den store fordel ved
at xhtml'e ... men derimod en del ulemper/ekstra arbejde m.h.t. java scripting ...