Hintergrund-Bug im Firefox 3
Ein Bug im Firefox 3 “zwang” mich gestern zu einem kleinen CSS-Hack für eben den selben. Für mich eine kleine Premiere, denn bisher habe ich – wie wohl die meisten – nur den IE hacken müssen. Jetzt ist also auch mal der Fuchs dran.
Das Problem:
Gibt man dem body-Element eine zentrierte Hintergrundgrafik hat diese im Vergleich zum ebenfalls zentrierten Inhalt einen Versatz von 1 Pixel. Der Bug ist Mozilla seit dem 20.07.2008 bekannt, wurde bisher allerdings noch nicht gefixed.
Zwar ist ein Versatz von einem Pixel recht gering, kann aber je nach Art und Ausführung des Hintergrunds unschön aussehen.
Die Lösung:
Möchte man den Bug, bis zur endgültigen Beseitigung durch Mozilla, beheben, muss man zu ein wenig CSS greifen. Folgende Anweisung ins Stylesheet geschrieben tötet den Bug.
html>/**/body, x:-moz-any-link, x:default {
position:relative;
left:-0.1px;
}
Diese Anweisung sollte nur den Firefox 3 betreffen, andere Browser bleiben davon unberührt. Offensichtlich reichen -0,1 Pixel aus um den 1 Pixel-Fehler zu beheben.
Hoffen wir mal das mit der Version 3.5 des Firefox dieser kleine Bug ausgebügelt wird. Danach sollte man natürlich nicht vergessen den Hack wieder aus dem Stylesheet zu entfernen. ;-)
Quelle: Peter Kröner
