Når man designer en nettside må man alltid ha i bakhodet at designet skal fungere i flere forskjellige nettlesere. Størstedelen av internettbrukere benytter imidlertid Firefox og Internet Explorer, men nå har versjon 6 av Internet Explorer fått en oppgradering til versjon 7. Dette betyr at det finnes tre hovedtyper av nettlesere å bekymre seg over, i og med at IE6 gjerne viser nettsidene radikalt anderledes enn IE7. Med andre ord gjør dette ikke jobben akkurat lettere for designere. Heldigvis finnes det løsninger på dette problemet også. Jeg kom over en kort og konsis veiledning som gjennomgår to metoder eller ‘hacks’ som i praksis fungerer som følgende:
- Man designer for Firefox, tester i de to andre nettleserene, finner ut hvor i designet bristen ligger.
- Man legger til en ekstra kode i css som kun brukes av IE6.
- Man legger til en ekstra kode i css som kun brukes av IE7.
Having used these two CSS hacks we can now specify IE6- and IE7-only CSS styles within the same style sheet, eliminating the need for clunky browser detection mechanisms or extra style sheets, allowing you to tweak your styles perfectly for Firefox and IE6 and 7 without having to compromise on your design.
Vi trenger altså ikke lenger å balansere vårt design mellom nettleserene lenger. Du kan lese mer om hvordan du gjennomfører selve kodingen hos mdibb.