nicht angemeldet
Hallo,
ich möchte zwei Divs nebeneinander platzieren, rechts ein Menü und links eine Tabelle in einem Inhalts-Div, wobei die Tabelle größer ist als der Container neben dem Menü Platz hat, der Inhaltsdiv soll also scrollbar sein.
Wenn ich jetzt das Menü mit
float:right;
width:200px;
definiere und den Inhalt mit
overflow:auto;
height:500px;
(die Breite soll sich ja anpassen je nach Fenstergröße), klappt das im Firefox und Opera genau so wie ich will, das Inhaltsdiv kriegt zwei Scrollbars, weil die Tabelle viel zu groß ist, und das Menü ist rechts daneben. Der IE will das Inhaltsdiv aber ohne width-Angabe nicht schmaler machen als die Tabelle, deshalb schiebt er das Menü nach oben und packt das Inhaltsdiv ohne horizontale Scrollbar drunter. margin-right ist ihm auch ziemlich egal (außerdem nimmt Firefox dann den Abstand zum Menü-Div und nicht zum Fensterrand).
Die Breite vom Inhalt mit Javascript je nach Fenstergröße anzupassen wäre vielleicht eine Notlösung, aber ich hoffe ja noch, dass es eine vernünftige CSS Lösung gibt ;)
Gruß