Guten Morgen Zusammen,
erstmal Hallo an alle, bin ja ganz neu hier.

Mit folgendem schwierig zu erklärenden Problem ärger ich mich nun schon zwei Tage rum:

Ich habe ein DIV-Layout mit 3 Spalten. Die rechte und linke Spalte sind fix (200px), die mittlere von der breite her dynamisch. Funktioniert auch alles soweit ganz gut.

Jetzt ist nur das Problem, das wenn ich eine Auflösung von 1024*768 habe und in der mittleren Spalte eine Tabelle von z.b. 800px habe, rutscht diese unter die beiden anderen Spalten, da ja sonst die Seite ein Gesamtbreite von 1200px hätte.

Jetzt suche ich eine Lösung damit in diesem Fall ein horizontaler Scrollbalken erscheint der über die komplette Seite geht, also nicht nur über das mittlere DIV. Hier habe ich bisher noch keine funktionierende Lösung gefunden.

Ist dies überhaupt möglich und wenn ja wie setze ich das am, besten um?

Vielen Dank im Voraus für Eure Tipps.

Gruß Dirk

wie wäre es, wenn du die tabelle 100% breit machst

Die Tabelle hat eine Breite von 100%, das mit den 800px war nur als Beispiel. Sie ist halt einfach recht breit.

Jemand ne Idee?

Hat niemand hierzu ne Idee oder ist das so gar nicht machbar?

Bin für jeden Tipp dankbar.

Moin,

ohne Link zum Problem ist das ein Problem.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Okay, stimmt auch wieder.

Habe das Layout hier mal nachgebaut:
DIV Layout

Wenn man nun den Browser verkleinert, schiebt sich irgendwann die Tabelle über die rechte Spalte (Box 4,...).

Ich hätte gerne, das ganz normal unten dann ein Scollbalken erscheint, also im Browser nicht im DIV.

Was mache ich falsch?

Setz dorch die Breite von #main auf "auto" und gib deinem #content ein min-width: auto oder eben eine entsprechende Pixelzahl.

Habe jetzt mal wie vorgeschlagen #main auf width:auto und #content auf min-width:auto gesetzt, zusätzlich noch #main auf min-width:100%. Wenn man das Fenster jetzt kleiner zieht erscheint zwar der Scrollbalken, aber der Header und Footer hat dann keine 100% mehr?!

DIV Layout

Hat jemand ne Idee wie ich das nun noch lösen könnte?

Danke im Voraus.

Komisch, bei mir sieht das alles okay aus...

Einfach mal die Seite aufrufen: DIV Layout

Dann das Browserfenster verkleinern, bis ein horizontaler Scrollbalken erscheint und dann mal nach rechts scrollen. Bei mir ist dann der Header und Footer abgeschnitten bzw. geht nicht bis zum rechten Rand?! Habe es mit FF 3.5 und IE 8 getestet?!