Sökresultatsidan ser olika ut i olika webbläsare, vad ska jag göra?

2012-05-03

Kunskapsdatabasen, Söksidan

Ibland kan söksidans utseende skilja sig åt beroende på vilken webbläsare man använder. Här beskriver vi lite hur man går tillväga för att skapa en söksida som fungerar i de flesta webbläsare.

Om du använder SiteSeeker-modulen för EPiServer eller har gjort en egen sökresultatsida med hjälp av XML- eller webbtjänst-protokollen, undersök först om din webbserver eller publiceringsverktyg verkligen matar ut samma HTML-kod till olika webbläsare. Om HTML-koden blir olika beroende på efterfrågande webbläsare kan det mycket väl resultera i att webbsidans utseende också skiljer.

Exempelvis betraktar många versioner av Microsofts .Net-plattform alla webbläsare utom Internet Explorer som mindre kapabla (trots att det omvända oftast gäller), och matar därför ut sämre HTML-kod till webbläsare som Firefox, Mozilla, Netscape, Opera eller Safari. Läs om hur du kommer runt detta problem i Varför innebär webbläsarsniffning stora risker?

Skillnader i utseendet mellan olika webbläsare kan också bero på tolkningsskillnader vad gäller stilmallar i olika webbläsare, men det förekommer även rena felaktigheter i vissa webbläsare. Om du använder CSS2-regler (med ">" eller "+" i selektorer) kommer Internet Explorer inte att kunna tolka dessa. Kontrollera därför att CSS-koden stödjs av alla webbläsare dina besökare använder.

Slutligen kan sidans dokumenttyp (DOCTYPE) påverka hur stilmallsregler appliceras och HTML-kod tolkas. Om sidan visas i s.k. "quirks mode" ärvs t.ex. inte typsnittsstorlekar ned i tabeller, medan de gör detta i s.k. "standards mode".

Testa söksidan och webbplatsen i olika webbläsare

Om man inte följer standarderna för HTML och CSS till punkt och pricka kan det ofta uppstå skillnader i visningen mellan olika webbläsare, men även om man gör detta kan buggar i enskilda webbläsare göra så att det inte ser ut som förväntat. Det är därför nödvändigt att testa webbplatsen och söksidan i flera olika webbläsare såsom:

  • Internet Explorer 7 och 8 för Windows
  • Firefox för Windows, Mac OS och Linux
  • Safari för Mac OS
  • (Internet Explorer 6 för Windows)
  • (Opera för Windows)