Browser Hack. Endnu en margin og padding bug i Internet Explorer 7
februar 6th, 2008. Kategori: Browser bugs and fixes, WebudviklingIgen 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.