nicht angemeldet
Positionierungsfehler im Firefox
Hallo an alle.
Ich habe versucht, ein liquides Layout mit runden Ecken zu bauen. Da ich nicht auf verschachtelte divs und gigantische Hintergrundbilder, wie z.B. bei A List Apart verwendet ( alistapart.com/articles/customcorners/ ), zurückgreifen wollte, habe ich meinem div einen Rahmen gegeben und diesen an den Ecken überlagert. Dazu habe ich die Elemente, die sowieso schon vorhanden waren, relativ positioniert.
Soweit funktioniert das auch in allen Browsern, mit denen ich getestet habe (Firefox 1.0, IE 5.5 / 6, Opera 6.0 / 8beta, Konqueror).
Allerdings gibt es im Firefox einen kleinen Schönheitsfehler, den ich mir nicht erklären kann. Bei bestimmten Größen meines Browserfensters liegt die Ecke nicht genau auf der Ecke des divs. Dieser Fehler tritt sowohl an der Ecke rechts-oben, als auch an der Ecke links-unten auf. Der Fehler ist recht einfach zu reproduzieren, indem man die langsam die Breite des Browserfensters verringert. Zuerst wollte ich die Breite in Pixeln festlegen, um den Fehler sichtbar zu machen, nur tritt der Fehler dann nicht mehr auf.
Ich habe bereits probiert die die Ecken enthaltenen Elemente absolut zu positionieren, was aber zum gleichen Effekt führt.
Die Seite:
http://omgiti.23inch.de/2/
Die Stylesheet-Datei:
http://omgiti.23inch.de/2/style/main.css
Kann mir also irgendjemand sagen, ob es eine Lösung für dieses Problem gibt?
Mit freundlichen Grüßen
Siro
-
Hi,
bei mir passiert absolut kein Fehler. Ich habe ziemlich viele Browserfenstergrößen ausprobiert. Allerdings nutze ich FF 1.0.2.
Übrigens, deine Seite gefällt mir schon jetzt.
MfG Hopsel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001 -
Hi,
Kann mir also irgendjemand sagen, ob es eine Lösung für dieses Problem gibt?
tritt das Problem auch dann auf, wenn Du alle Längenangaben in der selben Einheit vornimmst, anstatt px und em zu mischen? Ich unterstelle Rundungsfehler.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hallo Cheatah.
tritt das Problem auch dann auf, wenn Du alle Längenangaben in der selben Einheit vornimmst, anstatt px und em zu mischen? Ich unterstelle Rundungsfehler.
Danke, das war tatsächlich der Grund. Und zwar war es der Innenabstand des Elements, das die Ecke bildet. Wird dieser in em angegeben, so tritt der Fehler auf.
Scheint ein Fehler des Firefox zu sein. Weniger ein Rundungsfehler, sondern mehr ein Fehler dahingehend, dass sich das Padding überhaupt auf die Positionierung auswirkt.Mit freundlichen Grüßen
Siro
-