CSS browserhacks met een beetje hulp van JavaScript
Al een tijd gebruik ik een javascriptje waarmee browserhacks makkelijker en overzichtelijker worden. Het script kijkt welk besturingssysteem, welke browser en welke versie van de browser word gebruikt, en geeft deze informatie als class aan de html tag. Zo kun je dus makkelijk een browserspecifieke css regel schrijven door een beetje element informatie te nesten. Hier een voorbeeld uit Vinoo:
.mac.webkit div.smallblock-ugc {
width: 442px;
}
width: 442px;
}
.ie span.tagssimple a.taglink {
display: inline-block;
float: none;
}
display: inline-block;
float: none;
}
Zo word het maken van een hack voor een specifieke browser een stuk eenvoudiger en overzichtelijker. Het script CSS Browser Selector is afkomstig van Rafael Lima.