"Christmas - the time to fix the computers of your loved ones" « Lord Wyrm

Nerviger Firefox CSS Fehler

Chrissicom 09.05.2007 - 10:37 1100 6
Posts

Chrissicom

Rise of the Ryzen
Avatar
Registered: Jul 2006
Location: Falkensee
Posts: 1942
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

Administrator
GNUltra
Avatar
Registered: Dec 2000
Location: ~
Posts: 12071
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
Avatar
Registered: Jan 2002
Location: Scotland
Posts: 13504
Hm. Also bei mir ist im IE6 und FireFox die googlebox gleich positioniert.

Chrissicom

Rise of the Ryzen
Avatar
Registered: Jul 2006
Location: Falkensee
Posts: 1942
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
Avatar
Registered: Jan 2002
Location: Scotland
Posts: 13504
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
Avatar
Registered: Jul 2006
Location: Falkensee
Posts: 1942
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
Avatar
Registered: Jan 2002
Location: Scotland
Posts: 13504
Hm... um das jetzt zu verstehen müsste ich's sehen wie's vorher war :D
Kontakt | Unser Forum | Über overclockers.at | Impressum | Datenschutz