Hej.

Jag håller på att bygga upp en tjänst på nätet som är hyfsat beroende av vad klientläsaren klarar. Jag måste alltså bygga siten på ett sätt att olika utdata sker beroende på vilken webbläsare som används.

Så hur göra detta bäst?
Jag har varit inne på följande varianter:
- Sidornas HTML-kod är fasta förutom att css- och js-hänvisningarna i koden förändras beroende på vilken webbläsartyp som används.
- Alla webbläsarkategorier får varsin underkatalog som man dirigeras tid beroende på webbläsare.
- Webbservern använder automatisk en viss katalog för varje webbkäsarkategori. Finns det någon webbserver som stödjer detta?

De webbläsarkategorier jag är inne på är följande:
-IE (Version 7.x)
-IE (version 6.x)
-FF (från version 2.x)
-Opera (Vilka versioner används mest?)
-Mobil (cHtml)
-Kompatibelt läge (enklare HTML utan javascript eller css)

Hur vanligt är det att folk numera använder mobiltelefoner som inte klarar cHtml?
Skall man skippa det "kompatila läget"?
Hur följer mac-användarnas webbläsare de stora webbläsarnas standarder?

Det kan inte bara vara jag som har funderat på detta...

enligt min erfarenhet så tolkar både macens safari och linux konqueror/dillo kod likvärdigt med firefox förutom css-elementet opacity..

Du måste nog ha ett kompatibelt läge för alla som kör skal ovanpå Firefox och IE som förändrar user agent, eller ska du skicka vidare alla till en förutbestämd mall?

Berätta mer vad det är du vill göra...

De sajter jag har ansvar för på jobbet stödjer IE 5, 6, 7, FF 1 och 2, Safari samt Opera 6,7,8,9 (samt Opera Mini på mobil) och dessutom validerar sidorna enligt xhtml transitional.

I 99.99% av fallen klarar du dig med en mall / sida för alla läsare. Det går att gå runt de vanligaste skillnaderna, även om det kan vara krångligt ibland. Men det är endå lättare än att ha en rad uppsättning av stylesheets / html-kod.

Du kanske borde fundera på att lägga till Safari i listan, den 3:e största webläsaren just nu.
http://marketshare.hitslink.com/report.aspx?qprid=0

Du behöver inte göra det så komplicerat med moderna webläsare. Se till att du har korrekt och standardmässig html, css och javascript. Sedan kommer du får anpassa lösningen till IE 6 som har en uselt stöd för css. IE 7 fungerar i pricip utan överraskningar.

Jag gör ibland server-side-lösningar för just IE 6 och tidigare men i övrig finns ingen anledning att leverera olika sidor - se däremot till att dina javaskript verkligen är korrekta och inte bara råkar fungera i IE6/7, detsamma gäller css. Låt validera all html, den vanligaste anledningen till att html ger olika resultat är fel nästade element, felaktiga eller trasiga taggar, osv. Fel tolkas olika i olika webläsare är koden korrekt får du mer sällan problem förutom eventuellt med IE6 som har ett eget sätt att tolka html/css.

Nyare versioner av Firefox, Opera och Safari följer standarderna närmast prickfritt.

Möjligtvis vill du ha en server-side-lösning för den mobila delen.