clear:both

Dein

gehört erstens nicht ins div. Zweitens hat das nichts mit der Höhe eines divs zu tun.
Clear dient dazu "Floats" von Elementen aufzulösen ("zu clearen"), nachdem diese mit float = left oder right aus dem normalen Fluß von HTML Elemenen (untereinander) herausgenommen wurden.

Die Höhe deiner divs kannst du im Style Sheet für deine CSS-Klassen-Selektoren angeben.

Ich hoffe du kommst damit klar.
Aber werf auch mal ein Blick in mein Tutorial:
http://drupal.mdwp.de/Drupal_Theme_und_CSS_Tutorial

md - drupalcenter
-----------------
www.mdwp.de

hallo,

ich möchte die Höhe nicht statisch angeben, sie soll sich dynamisch an den Inhalt anpassen.

Gibts da noch ne Möglichkeit?

Ich hoffe ich verstehe dich richtig.
Die Höhe eines divs passt sich immer automatisch an den Inhalt an.
Dann darfst du natürlich keine explizite Höhe im Style Sheet angeben.

md - drupalcenter
-----------------
www.mdwp.de

danke für die schnelle antwort.

Aber wie machen die das dann z.B. auf drupal.org, dasss der grüne und der orange div gleich hoch sind?

Na, weil die da statischen Inhalt drin haben und deshalb eine feste Höhe angeben können.
Dies ist übrigens einer der wenigen Nachteile von CSS-Layouts. Ohne Tricks bekommt man zwei "Spalten"
mit dynamischen Inhalt nicht in die gleiche Höhe. Das geschieht bei einer Tabelle automatisch.

Schau dir mal diesen Post hier an: http://www.drupalcenter.de/node/882
Dort und bei der angegebenen Quelle www.alistapart.com findest du viele dieser Tricks.

md - drupalcenter
-----------------
www.mdwp.de

Hallo ThePaul,

so wie Du Dir das vorstellst, geht das nicht bzw. nur mit Hilfe von Javascript.
Es kommt ganz darauf an, was du möchtest. Wenn es um Hintergrundgrafiken oder -farben geht, könnte ich Dir ein Beispiel hier einstellen. Ein Problem wird es, wenn die beiden Boxen einen Rahmen haben sollen. Dann wirst Du um die Verwendung von Javascript nicht herumkommen.

Hier der Link zu einer Javascript-Variante: PVII Equal Height CSS Columns

Wie gesagt, benötigst Du die JS-Variante nur, wenn Du einen Rahmen verwenden möchtest. Damit ich Dir ein Beispiel erstellen kann, müsstest Du mir noch genau sagen, was Du vorhast.

Grüße

------------------------------------
www.happyfaces-kinderschminken.de · www.3p-consulting.com

Wie ich schon sagte, geht das mit Tricks auch mit CSS.
Hier das vielleicht bekannteste Beispiel (Faux columns)

http://alistapart.com/articles/fauxcolumns/

Warum JS, wenns auch ohne geht?

md - drupalcenter
-----------------
www.mdwp.de

hi,

ich hab das grad mal ausprobier (http://www.alistapart.com/articles/holygrail), geht aber bei mir nicht, Es werden nicht mal die Zeilen angezeigt :(

Es gibt ein Drupal theme, dass diesen Ansatz umsetzt.
Ein Online-Beispiel findest du hier: http://themes.plusnix.net/theme_holy_grail
Also funktioniert es auch :-)

md - drupalcenter
-----------------
www.mdwp.de

das theme hat ja immer noch feste breitenangaben.

läst sich das auch irgendwie dynamisch, also prozentual angeben?

Ersetz die festen Angaben durch % oder em.

md - drupalcenter
-----------------
www.mdwp.de

Hallo md,

schönes Beispiel für das, was ich bereits in meinem Beitrag angesprochen hatte. In meinen Layouts habe ich bis jetzt auch nur JS verwendet, wenn es um transparente Hintergrundbilder ging.

Das Wiederholen von Hintergründen in verschachtelten DIV's ist mir bekannt, ich wusste nur nicht, wie sich ThePaul das vorgestellt hat. Wie gesagt, sollte er Ränder um seine Boxen haben wollen evtl. sogar mit abgerundeten Ecken, wird es auch mit der von Dir vorgeschlagenen Variante nicht einfach für ihn sein, dieses umzusetzen.

Im Grunde genommen lässt sich alles mit CSS machen, nur muss man dafür auch die Materie gut beherrschen. Ein weiteres Problem ist die Anzeige in verschiedenen Browsern, weshalb für den ein oder anderen die JS-Variante die einfachere ist.

Grüße

------------------------------------
www.happyfaces-kinderschminken.de · www.3p-consulting.com

Vielleicht das da:

http://www.pixy.cz/blogg/clanky/css-3col-layout/