Kenni Thomsen skrev:
> 1.Jeg laver mit design om så det passer i Netscape og skriver
> den rigtige docktype, uden den første linie om xml, så den ser
> rigtig ud i IE6?
Du starter med at fjerne xml-erklæringen. Så vil alle browsere med
doctypeswitch gå i standardmode (forudsat at du nu øverst har en
gyldig xhtml-doctype).
Så tilretter du siden så den ser rigtig ud, *både* i Netscape og IE
(og Opera for den sags skyld). Ved at bruge standardmode, skulle
der ikke være store forskelle på de nævnte browsere i nye
versioner.
> 2.Så virker den ikke rigtig i IE før version 6.0?
Hvis dit design ændrede sig i IE6 da du gik fra quirks-mode (med
<?xml...>) til standardmode, så vil det nye design med stor
sandsynlighed se forkert ud i ældre IE-udgaver.
Men tjek det før du begynder at rette op på det. Hvis du ikke har
en ældre IE til rådighed, kan du lave en testside (når den rigtige
side er på plads) hvor du fjerner doctypeerklæringen. Så vil IE6
vise siden (nogenlunde) som IE5.x
> 3.Så tilføjer jeg, conditional comments: <!--[if !IE 6]>
Nu er det godt nok længe siden at IE er kommet med nye versioner,
men jeg ville alligevel foretrække at skrive
<!--[if lt IE 6]-->
Hvis nu der kommer en IE 7 på et tidspunkt, er der jo ingen grund
til at den skal blive fanget af en "not IE 6"-comment.
> ..."her skriver jeg linket til en anden stylesheet"...<![endif]-->
> i <head>? (her er jeg ufattelig usikker!)
Enten et link til et ie-stylesheet eller også bare en direkte
style-blok (i nogle tilfælde er det ganske få ændringer der skal
til).
> 4.Eller skal jeg lave en for hver brouser, IE, Netscape,
> Mozilla, Opera...(er der flere?)?
Nej. Det er kun IE der forstår conditional comments - så vidt jeg
ved findes der ikke noget tilsvarende til andre browsere. Nyere
browserversioner har ikke noget problem med css-kode til
standardmode, så når du har "fanget" IE<6 med conditional comments
er der primært Netscape 4.x og Mac-IE'er tilbage i "problemkassen".
Den førstnævnte kan man evt. skjule noget css for ved hjælp af
@import - sidstnævnte har jeg ikke nogen specielt gode råd til.
Mac-IE'er er dog langt mere css-kapable end Netscape 4, så det
meste bør se o.k. ud.
> 5.Eller skal jeg bruge javascript og docktype switching?
Javascript bør højst benyttes som en sidste finpudsning - til at
fange forskelle der ikke kan nås på anden måde.
Du benytter allerede en form for doctypeswitching - nemlig ved at
levere standardmode-html.
> 6.Og til sidst, hvordan tjekker jeg om det virker? Jeg har jo
> IE6 og kan derfor ikke se om IE5 eller før virker!
Som beskrevet ovenfor - du kan tjekke visningen i quirks mode ved
kortvarigt at fjerne doctypen. Det vil ikke være præcis det samme
som i tidligere IE-udgaver, men det skulle give en godt indtryk af
visningen.
> Jeg har fundet en del sider ved at søge på conditional
> comments og docktype switching.
Du finder nok flere om det sidste hvis du søger på doctype
switching (bemærk det manglende k).
Jeg fandt en udmærket side om conditionals her:
<
http://www.javascriptkit.com/howto/cc2.shtml>.
Vedr. doctype switching plejer jeg at henvise til følgende to
sider:
<
http://gutfeldt.ch/matthias/articles/doctypeswitch.html>
<
http://www.html.dk/artikler/00036/>.
> Men jeg synes ikke rigtig der
> er nogen der forklarer brugen ordentligt, kun en masse om hvad
> det er og hvordan det skal virke, men ingen rigtige eksempler.
Der er ikke så meget at forklare mht. doctype switch. Man vælger
(bevidst eller ubevidst) en mode og så opfører browseren sig enten
som den skal ifølge standarderne eller også som tidligere versioner
af browsere har gjort.
Brugen af conditionals er vist på mange sider. Syntaksen kan være
lidt triggy - det bedste råd er i mine øjne at teste (her skal du
bruge en rigtig IE 5-browser) til det virker (lav en helt simpel
comment der udskriver: "Her er jeg" eller noget lignende -så kan du
se hvor den kommer med og hvor den ikke kommer med.
På siden her (nederst) er lidt af teknikken med at kombinere cc og
doctype switch vist. Her testes for IE6, men kommentaren kan jo
teste for alle mulige IE-kombinationer.
<
http://accessat.c-net.us/articles/hide-css_p3.html>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på
http://usenet.dk/netikette/citatteknik.html