Spaltenlayout mit CSS

Reyx

Hallo,

irgendwie bin ich gerade dabei am verzeifeln, einen ganz einfachen Effekt hin zu bekommen, für den ich beim alten Tabellen-Prinzip keine 10 Sekunden brauchen würde

Wie kann ich ein driespaltiges Layout hinbekommen, bei dem die linke und die rechte Seite fixierte Größen haben?

/-----|----------|-----\
|-----|----------|-----|
|-----|----------|-----|
|-----|----------|-----|
\-----|----------|-----/

Mein Hauptproblem stellt dabei die innere Spalte dar, denn, wenn ich ihr z.B. eine bestimmte Breite verpasse, dann rutscht die rechte Spalte irgendwann darunter. Wenn ich ihre Höhe aber anhand des Textinhaltes darin skalieren lasse (sprich: Keine Größenangabe mache), dann kann ich andere Container nicht mit einer Angabe von z.B. width: 90%; innerhalb dieser Spalte festlegen.

Mit Tabellen würde ich einfach folgendes schreiben:

<table>
   <tr>
      <td style="width: 180px;"><!-- Irgendwas --></td>
      <td><!-- Hier der innere Teil --></td>
      <td style="width: 180px;"><!-- Nochmal Irgendwas --></td>
   </tr>
</table>

Aber mit Div's kriege ich dass einfach nicht hin

EDIT:
Ich habe es jetzt gelöst, indem ich die Positionen der linken und rechten Spalte als absolute deklariert habe, aber gibt es da keine elegantere Lösung?

c.rackwitz

wenns ne tabelle mit werten sein soll, dann nimm auch ne tabelle.

Reyx

Nene, das würde ich dann schon machen

Das ist das Grundgerüst für eine Webseite. Nur die Methode, die Position fix anzugeben, erscheint mir irgendwie ungewohnt ... Funktioniert aber wenigstens.

icepacker

http://www.css4you.de ist eine gute website, wo auch die spaltenlayouts
mit css in einem "workshop" so erklärt werden, dass selbst ich das kapiert habe

michba

Oder auch hier: http://de.selfhtml.org/css/layouts/mehrspaltige.htm#dreispaltig