IE float problem mit breitem div daneben

[Nyxl]

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ß

[Ingo Turski]

Hi,

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.

warum? Seiteninterne Scrollbalken sind immer unschön und unpraktisch, wenn auch noch normal gescrollt werden muss...

height:500px;

... was hier durchaus der Fall sein kann.

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

der IE hat stets Probleme damit, die Breiten einzuhalten, wenn sie für den Inhalt nicht ausreichen. Ich wpürde es in diesem Fall ausnahmsweise mit absoluter Positionierung des Menüs probieren und natürlich ohne Höhenbeschränkung.

freundliche Grüße
Ingo

[Nyxl]

Nochmal hallo und danke für deine Antwort

Seiteninterne Scrollbalken sind immer unschön und unpraktisch, wenn auch noch normal gescrollt werden muss...

Später soll da auch noch Javascript rein, damit das automatisch geht, aber bevor ich das mache, muss es ja erstmal so funktionieren :)

der IE hat stets Probleme damit, die Breiten einzuhalten, wenn sie für den Inhalt nicht ausreichen. Ich wpürde es in diesem Fall ausnahmsweise mit absoluter Positionierung des Menüs probieren und natürlich ohne Höhenbeschränkung.

Wenn ich das Menü absolut platziere, ist es zwar neben dem Inhalt, aber der Inhalt wird dadurch trotzdem nicht schmaler, dann hab ich den Scrollbalken unten im Fenster, ich will aber, dass das Div scrollt... :(

Gruß