[semikolon]

Servus,

ich soll ein drei Spalten Layout umsetzen und hab da so ein paar Probleme damit.
Die Vorgabe ist, dass die Linke und die rechte Spalte fixe Breiten haben und die mittlere Spalte soll flexibel sein aber die gesamt Breite soll nicht kleiner werden als 800px.


Hat da jemand ein Tipp für mich?

Desweiteren bräuchte ich noch einen Tipp wie ich die drei Spalten bis an den unteren Rand des Browsers laufen lassen kann, ohne das eine Scrollleiste auftaucht. Das soll bei jeder Auflösung funktionieren.


Vielen vielen Dank schonmal!

Flo

[Raumwurm]

schau dich doch mal hier um:

http://www.ssi-developer.net/main/templates/3col.shtml

[semikolon]

vielen dank für den Link, aber da hab ich schon alle durch

[webdeveloper]

für die rechte und linke spalte gibst du einfach die breiten an. ausserdem der gesamten tabelle (oder layer) eine feste breite.
die mittlere spalte richtet sich nach dem rest (also gesamte breite - link -rechts = mitte).

die höhe kannst du z.b. mit height:100% festlegen

[semikolon]

webdeveloper: das Problem ist, dass die mittlere Spalte Variabel sein soll! also wenn ich das Browserfenster schmaler mache, dann sollte links und rechts gleichgroß bleiben und die mitte sollte schmäler werden. Und dann kommt noch hinzu, dass das schmälerwerden aufhören soll, wenn eine Gesamtbreite von 800pixeln erreicht ist.

Und mit der Höhe ist es auch nicht so einfach, da ich noch einen Header über den drei Spalten habe und somit werden die drei anderen Spalten um genau die Headerhöhe zu lang.

[Doppelplusgut]

Jetzt mal ernsthaft: Wer denkt sich den sowas aus? Wie soll das funktionieren? Zumindest beim reinen Einsatz von CSS und HTML lässt sich so was nicht realisieren, die Angabe min-width wird von IE natürlich mal wieder nicht verstanden.

Einzige Möglichkeit: Verwendung von JS, da wüsste ich aber auf Anhieb auch nix, da ich JS generell nicht für wichtige Sachen (wie z. B. Navi) verwende, weil man es deaktivieren kann.

[webdeveloper]

[webdeveloper]