DIV - Höhe variabel gestalten bei verschachtelten DIVs

[Manny73]

Ich bin gerade dabei, meine Homepage auf DIV-Formatierung (statt Tabellen-Formatierung umzustellen). Jedoch habe ich Probleme mit der Höhe der einzelnen DIV-Elemente.

Das innerste im rechten Teil des orange-blauen Kopfbalkens hat eine variable Breite, die äußeren haben zur Zeit alle fixe Höhe, damit die Darstellung im Firefox und IE sehr ähnlich sind.

Das Problem dabei ist nur, dass es teilweise einen sehr großen Abstand zwischen Text und unteren Rand gibt, wenn im innersten DIV-Element nur sehr wenig Text steht.

Ich möchte, dass sich die Höhe aller DIV-Elemente automatisch an die Höhe des innersten DIV-Elements anpassen.

Die DIV-Element die über class=kopf_nachwuchs bzw. class=kopf_all definiert werden haben eine variable Breite, die anderen DIV-Elemente haben zur Zeit eine fixe Höhe. Diese DIV-Elemente sollen sich aber an die Höhe der zwei anderen Elemente anpassen.

Zur Zeit komme ich nicht weiter, nachdem ich bereits einige Zeit experimentiert habe.

CSS-File:
http://81.223.20.10/homerunners/css/formate.css

HTML-File:
http://81.223.20.10/homerunners/verein/training.htm

Ich hoffe, ihr könnt mir weiterhelfen.

[flashnfantasy]

Folgende Ideen für die äußeren Divs

min-Height: Größe des innersten Elementes

oder

height: 0px;
overflow: visible;

Teste mal, was deinen Wünschen näher kommt

Gruß,
Flash