Niels Gamborgs online notesbog

Browser Hack. Endnu en margin og padding bug i Internet Explorer 7

februar 6th, 2008. Kategori: Browser bugs and fixes, Webudvikling

Igen opdagede jeg en  margin og padding bug i IE7 på min hjemmeside. Og igen må jeg konstatere, at det er en prøvelse at arbejde med Internet Explorer. Det er en ringe trøst at IE7 måske følge standarden bedre og er en bedre browser end IE6,  når den bare volder andre og helt nye problemer. 

Suk! Så nu er det pinedød nødvendigt at tjekke i 3 forskellige browsere, de næste mange år.

Hacks

Hacks til at løse browser problemer og fejl,  er som regel en dårlig idé. Hacksene er bøvlede at vedligholde, efterhånden som nýe generationer af browsere kommer til. Så normalt løser jeg  bugs ved, ved at eksperimentere med margin og padding.

Men da jeg fik 3 forskellige resultater i 3 forskellige browsere (IE 6, IE7 og Firefox 2.0), måtte jeg giver op ty til et browser hack, der skjuler en blog/style i stylesheetet for IE6.

Efter lidt spredet søgning fandt jeg denne Oversigt over hacks, til internet explorer og mozilla bugs . Alle hacksene er overskueligt ordnet og godt beskrevet. Listen mangler hacks for de nyeste browsere (feks IE7), så hvis nogen kender en nyere liste, så sig endelig til.

Min løsning 

Det hack, jeg endte med at bruge var

 attribut metoden:

#indhold[id]{ /*  HACK DER SKJULER DENNE BLOK FOR IE6 */
         padding-right: 5px;
}

der effektivt fik kureret buggen.

Skriv en kommentar