3 Divs in einem Div, Ausrichtung 2x Top, 1x Bottom

[Samy1981]

Hallo zusammen,

habe ein kleines Problem, und weiß nicht ob das so überhaupt machbar ist.

Ich habe ein Div, in dem 3 weitere Divs geschachtelt sind.

In etwas so:

<div class="content_cell">
<div class="top_cell"></div>
<div class="middle_cell"></div>
<div class="bottom_cell"></div>
</div>

Die Größe von "content_cell" richtet sich nach einem bel. Bild, das daneben angezeigt wird, ist also variable.
Die Inhalte von Top, Middle und Bottom sind ebenfalls variable, können also keine feste Größe haben.

Momentan werden Top, Middle und Bottom_Cell fortlaufend untereinander angezeigt.
das führt aber dazu, das wenn deren Inhalt "klein" ist, und das Bild,welches die Größe von "Content_Cell" bestimmt größer ist, ziemlich viel Platz unter Bottom_Cell ist.

Was ich möchte ist, das Top und Middle_Cell unverändert fortlaufend untereinander angezeigt werden, aber die Bottom_Cell nach unten ausgerichtet wird, sprich immer am unteren Ende der Content_Cell klebt.

geht sowas ohne große Umbauten?Wenn ja kann mir jemand ein Tip geben?

 

[majo]

Vlll. mit

.bottom_cell { 
  margin-bottom: 0px; 
}

?

 

[Samy1981]

Vlll. mit

.bottom_cell { 
  margin-bottom: 0px; 
}

?

Habe dafür keine extra CSS-Datei, aber dein Vorschlag kommt doch dem hier gleich oder?

<div class="bottom_cell" style="margin-bottom:0px;"></div>

Das habe ich schon getestet, bringt aber nicht das Ergebnis.

 

[creativ-webdesigns]

Habe dafür keine extra CSS-Datei

Dann solltest du dir schnellstens eine anlegen ;)

 

[Samy1981]

Dann solltest du dir schnellstens eine anlegen ;)

Ich hab mich evtl. bisl schlecht ausgedrückt, das ganze läuft schon über CSS, ist aber alles in einer Datenbank gespeichert.

Es ist aber schneller und einfacher die nötigen Atribute erstmal in einem Editor über style="....... zu testen bevor ich ein extra Atribute in der Datenbank anlege.

Jedenfalls bringt das margin-bottom nichts....