Nerviger Firefox CSS Fehler
Chrissicom 09.05.2007 - 10:37 1100 6
Chrissicom
Rise of the Ryzen
|
Hallo, ich bin gerade dabei den CSS Style auf meiner Seite zu säubern (i.e. Hacks entfernen). Leider bin ich dabei auf einen Bug im Firefox gestoßen. Wenn man http://www.sandra-bullock.co.uk/archives/index.htm besucht sieht man schnell das die Google Box auf der rechten Seite nicht richtig positioniert ist. Mit IE 6, IE 7 und Opera 9.2 funktioniert es allerdings einwandfrei. Ich benutze an der Stelle ein padding: 8px; um die Google Box zu positionieren. Firefox zeigt es aber nur richtig an wenn ich padding-left:8px; padding-top:8px; usw. hinschreibe was eigentlich ziemlich unnötig ist. Kennt das Problem zufällig jemand?
|
COLOSSUS
AdministratorGNUltra
|
FYI: Konqueror hat offenbar das selbe Problem. (Die Google-Box ist ein bisschen nach links verrutscht - das ist es doch, oder? )
|
Spikx
My Little Pwny
|
Hm. Also bei mir ist im IE6 und FireFox die googlebox gleich positioniert.
|
Chrissicom
Rise of the Ryzen
|
Der Fix war das Firefox padding-right:0px; haben will und Konqueror offensichtlich auch. Während IE und Opera das padding-right:8px; nicht stört weil nach rechts sowieso ohne Ende Platz ist und das 0 eigentlich gar nicht stimmt. Mir konnts nur auf den Abstand von oben und links an. Aber ich habs jetzt so hingebastelt das es funktioniert. Ich muss mir nur noch gescheite Link Farben überlegen, die aktuellen sind vielleicht etwas zu girly, auch wenn 90% der Besucher Frauen sind.
|
Spikx
My Little Pwny
|
paddings machen auch das Element größer. Hat ein Element eine Breite von 100 px und ein padding von 4 px auf allen Seiten, ist der Inhalt 100 px Breit, das gesamte Element aber 108 px. Evt. war das das Problem? . IE interpretiert das nämlich falsch, daher ist man leider oft gezwungen ein weiteres div mit margin anstatt ein einziges div mit padding zu benutzen.
|
Chrissicom
Rise of the Ryzen
|
Also ich glaube die Schuld hier immer auf IE zu schieben ist nicht richtig. Im IE und Opera geht es mit einem div und padding:8px; die Breite von der Spalte in der sich die Google Box befindet ist wesentlich größer als die Google Box selbst, deswegen ist der Abstand von rechts völlig irrelevant. An der Stelle wo Firefox mit der Positionierung ohne dem "Hack" beginnt darf sich die Google Box eigentlich gar nicht befinden können weil da ein anderes Element im Weg ist. Im IE und Opera bekomme ich es selbst gewollt nicht an diese Stelle, außer ich arbeite mit übereinanderliegenden Layern.
|
Spikx
My Little Pwny
|
Hm... um das jetzt zu verstehen müsste ich's sehen wie's vorher war
|