2-Boxen-Layout und unterschiedliche Höhen

[ich]

Hi,
ich wollte ein 2-Boxen-Layout bauen, ähnlich wie hier:
http://css.fractatulum.net/sample/layout2.htm

Wie bekomme ich es hin das box1 innerhalb von box2 bleibt?
Und wenn eine der beiden Boxen weiter nach unten geht, das jeweils die andere mit geht.
Habe versucht box1 in box2 zu packen in der Hoffnung das box1 nicht mehr über box2 hinausgeht, ging aber nicht.
Mit einigen <br> am Ende des Textes kann man schon was machen, ist aber nicht gerade elegant.
Diverse andere Versuche sind auch gescheitert.
Ich wäre für jeden Lösungsansatz dankbar.

mfg

[Ashura]

Hallo ich.

Wie bekomme ich es hin das box1 innerhalb von box2 bleibt?
Und wenn eine der beiden Boxen weiter nach unten geht, das jeweils die andere mit geht.

Die Antworten findest du im SELFHTML Aktuell Weblog zum Thema „Grundlagen für Spaltenlayout mit CSS“.

Einen schönen Mittwoch noch.

Gruß, Ashura

[ich]

Hallo ich.

Wie bekomme ich es hin das box1 innerhalb von box2 bleibt?
Und wenn eine der beiden Boxen weiter nach unten geht, das jeweils die andere mit geht.

Die Antworten findest du im SELFHTML Aktuell Weblog zum Thema „Grundlagen für Spaltenlayout mit CSS“.

Hallo,
danke für deine rasche Antwort.
Mein Eindruck ist das dort versucht wird ein Tabellenlayout mit CSS nachzubauen. Was aber nicht ganz gelingt wie mir scheint.
Auf einer weiterführenden Seite lese ich dann folgendes:
"Dieser Container enthält eine Klasse .clearfix, die je nach Browser den :after Fix oder den Holly Hack anwendet."
Das scheint genau das zu sein was ich suche, aber was zum Teufel ist :after Fix und der Holly Hack? Naja, werde mich diesbezüglich mal einlesen.
CSS ist ja so einfach....wenn man weiss wie es geht ;-).
Trotzdem vielen Dank.

mfg

[Cyx23]

Hallo,

Das scheint genau das zu sein was ich suche, aber was zum Teufel ist :after Fix und der Holly Hack? Naja, werde mich diesbezüglich mal einlesen.

Mit :after kann per CSS recht einfach (über content) ein Element mit
CSS-Eigenschaften erzeugt werden, dass ein sonst nötiges <br
style="clear.. ersetzen soll. Allerdings hatte ich wohl mal Code wo
das nicht ganz so stimmig einzusetzen war, sonst ist die Idee richtig
den HTML-Code von solchen Hilfselementen wie <br style="..>
freizuhalten.

Grüsse

Cyx23