webForumDet fria alternativet

Olika Hur får jag olika CSS för olika läsare t.ex. IE och Firefox

HTML & CSS

2 svar · 387 visningar · startad av Gerthoi

Medlem sedan mars 20093 inlägg
Frågan#1

Hej jag har en liten fundering, har just knåpat klart en bunt sidor som jag är nöjda med och har tankat upp dem och allt. Som alltid är det ett hlvt att få dem att se bra ut i alla läsare men jag tycker återigen att jag lyckats ganska bra förutom nu när jag testade dem på IE5 på en Mac och i IE 6 på en Windowsburk. Vist egentligen kan jag leva med att de ser fördjävliga ut i de läsarna men jag har funderat lite gran. Jag vet att det finns en del saker man kan skriva för att anpassa sidor olika till vilken läsare eller apparat (som i mobil, handdator, iphone etc) som skall användas. Jag har självklart gjort olika css för print och handheld etc men jag har för mig att man skall kunna specificera mer, för specifika läsare.

Det skulle vara underbart om någon har länkar till bra guider för just sådant, själv hittar jag inget bra.
Det lilla jag sett gäller css likt ” /* hide overflow : hidden from IE5/Mac */ ” vilket jag dock inte förstår hur det fungerar, om det nu fungerar.
Lämpligast vore dock (om nu det där första fungerar) om man helt enkelt kunde dirigera olika läsare till olika style sheets direkt från xhtml dokumentet om ni förstår vad jag menar.

Ahh hoppas ni förstår vad jag är på jakt efter, vore underbart. Tack så jätte mycket på förhand.

Medlem sedan aug. 20068 090 inlägg
#2

Generellt sett ska man undvika att försöka anpassa olika stilar till olika webbläsare utan istället kompromissa ihop en utformning som funkar i "samtliga" (dvs DOM-baserade, moderna läsare). Browser-sniffers kan lika ofta missa att identifiera den aktuella webbläsaren eftersom folk ibland bl.a. ändrar dess user-agent så att den ger sig tillkänna som en annan webbläsare.

När det gäller IE5/Mac så tycker jag inte du ska bry dig alls. Den slutade utvecklas för 6-7 år sen (?), och mig veterligt finns det i princip ingen som använder den alls. Och OM det sitter nån stackare nånstans och verkligen gör det, så är han/hon redan van med att webbsidor brakar ihop helt och hållet.

När man testar olika webbäsare (och du ska onekligen ha heder för att du gjort det - om än en aning överdrivet noggrannt), så räcker det med att testa i de vanligaste: IE6, 7 och 8, Safari*, Firefox*, Opera* och Google Chrome*.

Kolla statistiken över folks val av webbläsare: http://www.TheCounter.com/stats/2009/February/browser.php och http://www.w3schools.com/browsers/browsers_stats.asp men titta på din egen statistik över besökare på sajten eftersom just DINA besökare kanske har andra webbläsare än vad den globala statistiken visar.

Alltså: Krångla inte till det med sånt här. Kompromissa istället. Skulle det innebära att layouten inte blir exakt som du vill, så är det i alla fall bättre för användarna och du själv kommer att få mindre strul när det är dags för uppdateringar osv.

Men om du trots detta vill pula med sniffers, kolla t.ex.: http://www.google.com/search?client=safari&rls=en-us&q=browser+sniffer+different+stylesheet&ie=UTF-8&oe=UTF-8 eller http://www.google.com/search?client=safari&rls=en-us&q=different+stylesheet+different+browser&ie=UTF-8&oe=UTF-8

*senaste 2-3 versionerna, både Win o Mac (utom Chrome som såvitt jag vet inte finns för Mac)

Medlem sedan juli 20013 378 inlägg
#3

Gerthoi skrev:

Det lilla jag sett gäller css likt ” /* hide overflow : hidden from IE5/Mac */ ” vilket jag dock inte förstår hur det fungerar, om det nu fungerar.

Sådant där kallas "CSS Hacks" och utnyttjar kända feltolkningar av CSS i olika webbläsare för att ge olika utseenden...
Här är en översikt över kända sådana (med förklaringar för varje): http://centricle.com/ref/css/filters/ - men som DanneV säger, undvik helst dessa som pesten, eftersom det i praktiken alltså handlar om att göra medvetet fel för att få till en effekt (och fel i webbläsare kan rättas - vilket kan ställa till problem längre fram om man litar på att de alltid finns där).

Ett alternativ om du enbart har problem med MSIE (inte helt ovanligt ;) ) - är Microsofts "villkorliga kommentarer" - se t.ex. http://en.wikipedia.org/wiki/Conditional_Comments

Gerthoi skrev:

Lämpligast vore dock (om nu det där första fungerar) om man helt enkelt kunde dirigera olika läsare till olika style sheets direkt från xhtml dokumentet om ni förstår vad jag menar.

Du *kan* ta till en scriptbaserad lösning för sådant om du vill - finns, som sagt, flera - t.ex. http://rafael.adm.br/css_browser_selector/

Sedan kan detta vara bra att fundera över den här frågan också: DoWebsitesNeedToLookExactlyTheSameInEveryBrowser ;)

266 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
142 ms — hämta tråd, inlägg och bilagor (db)
119 ms — ändringar (db)