Blog om foto, web og brugervenlighed

Dobbelt margin bug i Internet Explorer

En af de mest irriterende bugs i Internet Explorer 6.0 er, at IE i visse tilfælde sætter dobbelt margin, når du arbejder med floatede elementer. Af uforklarlige årsage fordobler Internet Explorer, dine marginer, hvilket gør det vanskeligt at lave ens lay-out i Firefox og IE. Denne dobbelte margin i IE har mange gange kostet mig grå hår indtil jeg faldt over denne simple løsning:

I CSS’en indsætter du en display:inline i det element, du har problemet i. Det vil altid være i elementer, der indeholder en float:left eller float:right. Andre browsere ignorer linien, da et floatet element er et block element. Men i IE vil proplemet med den dobbelte margin forsvinde.

 Piece of cake, men meget efektiv løsning, og du undgår at bruge uhensigtsmæssige hacks for at løse problemet.

 Her kan du læse mere om dobbelt margin bug fix.