Spalte mit variabler Breite und unbestimmbarer Höhe...

[Marcus]

Ich habe eine Seite mit mehreren Bereichen:

Oben, horizontal von links bis rechts: Ein Kopf mit Logo.
Direkt darunter, von links bis rechts: Eine Menüleiste.

Der frei bleibende Bereich darunter ist in Spalten aufgeteilt:

• Links ein Baum dessen Breite nicht feststeht
• der komplette Raum rechts daneben ist der Inhalt.

Wie kann ich das per CSS mit DIVs implementieren?

Ich habe folgendes:

<div id="Kopf">...Kopf...</div>
<div id="Menu">...Menu...</div>
<div id="Inhalt">
  <div id="Baum">...Baum...</div>
  <div id="Content">...Content...</div>
</div>

#Kopf {
  height: 40px;
}

#Menu {
  height: auto;
}

Und hier beginnt das Problem: Welche Höhe gebe ich für den Baum an?

• Keine... Dann umfließt der Content den Baum.
• 100%... Dann sind das 100% vom Browserfenster, da aber oben was für Kopf und Menu wegfällt reicht der Baum dann über den unteren Rand hinaus. Dies hat zur Folge, dass der Contentbereich ebenfalls soweit wachsen kann und man das untere Ende des Content-Bereichs nicht sehen kann.

Vielleicht hat ja mal jemand ein ähnliches Problem gehabt und kann mir helfen?

Danke schonmal im Voraus...

[Anschinsan]

Hi,

<div id="Kopf">...Kopf...</div>
<div id="Menu">...Menu...</div>
<div id="Inhalt">
  <div id="Baum">...Baum...</div>
  <div id="Content">...Content...</div>
</div>

#Kopf {
  height: 40px;
}

#Menu {
  height: auto;
}

#Baum {
width:200px;
float:left;
}

#Content
{
display:block;
margin-left:210px;
}

Dann umfließt der Content den Baum unten nicht - und beide können so hoh sein, wie die Inhalte es erfordern.

Grüße, Anschinsan