nicht angemeldet
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