nicht angemeldet
Hallo zusammen,
ich möchte über div Elemente ein layout erzeugen, bei dem abhängig von der Browserfensterbreite Textboxen nebeneinander stehen wenn genug Platz ist und untereinander wenn wenig Platz ist.
<div id="aussenrahmen" style="position:absolute; top:200; width:100%; height:600px; z-index:1;; overflow: auto; layer-background-image: url(250.jpg); border: 1px none #000000">
<div id="links" style="position:relative; display:inline; min-width:250px; min-height:250px; height:250px; overflow: auto">Links</div>
<div id="rechts" style="position:relative; display:inline; min-width:250px; min-height:250px; height:250px; overflow: auto; ">Rechts</div>
</div>
Dazu habe ich die zwei Boxen in einen Rehmen gepackt.
Folgende Probleme:
Im IE8 verhält sich das Layout wie gewollt: Wenn das Fenster schmaler als 500px wird flippt die rechte box eine "Zeile" tiefer.
Im Firefox4 wird die Breitenangabe überhaupt nicht berücksichtigt und der enthaltene Text fließt zeichenweise in die nächste "Zeile".
[habe mal Zeile geschrieben - ist klar ist die selbe Zeile aber eben eine Etage tiefer]
thx
Der Martin