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

Es gibt sachen wie min-width etc. aber so wie ich das bisher gesehen hab, funktionieren di alle mehr oder minder gar nicht bis schlecht...

ja da hab ich auch schon mit rumgespielt. aber bin da zu keinem ergebnis gekommen.

Das ist richtig IE kennt min-width bzw. max-width leider nicht. Die einzige Möglichkeit für min-width ist daher ein Element im inneren Bereich mit dieser Breite.

Auch fehlt ihm die Option display: table; Bei gleich hohen Spalten kommt es daher sehr auf das Layout an. Haben Rechts und Links nur andere Hintergrundfarben, kann man diese als Kanten des mittleren Teiles definieren. Ist eine der beiden Spalten spezielle formatiert, hilft dort ein Hintergrundbild.

Bei bestimmten Layouts kann es allerdings sein, das man um eine Tabelle nicht drumherumkommt.

---
Weaverslave

Das mit dem der minimalbreite von 800px wird schwierig, wie schon meine Vorgänger erwähnt haben.

Ansonsten guck hier mal:
http://www.stichpunkt.de/css/bereiche.html

---
Kostenlos Webspace bei funpic.de

Wenns unbedingt sein muss, (nein ich find's auch nicht toll, weil man die Seite lieber so schreiben sollte, dass keine Mindestbreiten notwendig wären) dann amch halt ein 800x1Pixel grosses "spacer.gif" in die Mitte ..


uaaah ... mich schüttelts, nachdem ich diesen Vorschlag gemacht hab

---
wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät...

wieso überhaupt so eine mühe machen lass die doch einfach flexibel sein und auch die möglichkeit von kleiner als 800px erlauben... Das macht doch keinen großen unterschied..

---
Just Peace!

Probiers mal hiermit & damit.
Hilft dir hoffentlich weiter.