Div-Container nebeneinander mit gleicher Höhe

[r-ene]

Hi Leute,
ich möchte 2 Div-Container nebeneinander mit der gleichen Höhe haben.
Bsp.: Mirror´s Edge 2D - Online Spiele.
Es handelt sich um die 2 mit der Überschrift "Ziel" und "Steuerung"
Allerdings kann ich keine feste Höhe angeben, weil der Text von der Länge her immer variiert.
Was kann ich tun, außer Tabellen zu benutzen.

 

[Loon3y]

Überschriften werden mit <h1> - <h6> ausgezeichnet. etwas nebeinander zu bekommen ist am einfachsten wenn du den element ein "float" gibst.

Endweder 2x "float:left;" oder 1x "float:left;" + 1x "float:right;"

Grüßle
Loon3y

Edit: ah jetzt kapier ich deinen posting wegen der überschrift ^^

<div class="left">
<h2> .... </h2>
<p> ....... </p>
</div>

<div class="left">
<h2> .... </h2>
<p> ....... </p>
</div>

css:

.left { float: left; width: 300px; height: 100%; border: 1px solid; }

ODER:

<div class="left">
<h2> .... </h2>
<p> ....... </p>
</div>

<div class="right">
 <h2> .... </h2>
 <p> ....... </p>
 </div>

css:

.left { float: left; width: 300px; height: 100%; border: 1px solid; }
.right { float: right; width: 300px; height: 100%; border: 1px solid; }

 

[r-ene]

??? Öhm, das hab ich ja schon alles.
Die Frage ist, wie ich da die gleiche Höhe hinbekomme.

 

[Bernhard]

??? Öhm, das hab ich ja schon alles.
Die Frage ist, wie ich da die gleiche Höhe hinbekomme.

Du suchst sowas wie Faux Columns...

Grüße
Bernhard

 

[r-ene]

So ähnlich, aber ich weiß nicht wie ich das bei mir hinbekommen kann. Ist ja kein einfacher Rahmen.