Browser bugs…een lijst ergernissen
January 29th, 2009 by Edwin 1,902 x bekeken
Ik heb me verleden week alweer suf gezocht achter een oplossing om een margin probleem in IE6 op te lossen. Browser bugs maken het leven van een css / html codeerder zuur en het browsercompabitel maken van een webpagina kost je tegenwoordig evenveel tijd als al de rest samen.
Er lijkt ook geen einde te komen aan de eindeloze stroom nieuwe browsers en / of browserversies, Internet Explorer 6 blijft hardnekkig stagneren op bijna 20% terwijl IE8 zich stilaan in de markt inwerkt. Bovendien bracht Google nog eens een eigen Chrome browser op de markt. Diversiteit is niet altijd een zegen…
Double margin bug IE6
Heb je je al eens afgevraagd waarom een element waarvan je de margins definieert, in IE6 zich ergens anders positioneert ?
Ik heb me in ieder geval al moe gezocht achter oplossingen om de verdubbeling van margins in IE6 te omzeilen. Tot ik deze week de oplossing ( online ) ontdekte.
IE6 verdubbelt blijkbaar de marginpixels van een element dat in een gefloate DIV staat.Dat betekent concreet dat wanneer je bijvoorbeeld een list element in een gefloate DIV een margin-left van 15 pixels geeft, dat in IE6 deze list 30pixels margin krijgt, waardoor je design helemaal de mist in kan gaan in IE6. In IE7 en andere browsers worden de margins wel netjes uitgevoerd.
Als oplossing moet je dan de gefloate DIV waarin het verkeerd gepositioneerde element zich bevindt een display: inline; attribuut geven om het euvel in IE6 op te lossen.
Ultieme lijst browser bugs
Helaas is IE6 niet de enige die over een resem bugs beschikt, ook de opvolgers IE7 en IE8 kennen er wat van. Een redelijk complete lijst vindt je op Browser bugs list.
: 
Geef uw commentaar of mening
You must be logged in to post a comment.