Probleme | Seite 4 von 4 | zurück | letzte Seite |
Problem mit "float: right"
Auf meiner Website verwende ich ein Seitenlayout, das sich an die Größe des Browser-<div>
mit dem CSS-float: right
.
So sollte es aussehen
Und so sah es in Firefox 3.0.5 aus
(inzwischen habe ich das Problem behoben)
Die Bilder stehen im Text und verdrängen diesen, obwohl rechts genug Platz wäre. Dieses Problem ist in früheren Firefox-<div>
offenbar nicht mehr so weit nach rechts wie die max-
des Elternelements erlaubt. Stattdessen orientiert sich Firefox 3.0.5 an der Breite des größten Blocks, der im gleichen Elternelement vorkommt. In meinem Fall sind das die Textblöcke.
Abhilfe
Ursache für obiges Verhalten war, dass ich im <div id="main">
den Stil position: absolute
verwendete. Damit wird der so genannte "Shrink-position: absolute
, weil die Darstellung im Internet Explorer 6 sonst nicht richtig ist.
Alternativ könnte man auch eine leere Zeile am Ende der Seite platzieren, die mit vielen
oder kleinen, unsichtbaren Platzhaltergrafiken auf die gewünschte max-
gebracht wird.