höhe des Elternelements annehmen?

[phase]

hi, ich habe folgendes:

<div class="2Column">
 <h2>Ein Header 2</h2>
 <p>Hier sthet ganz viel text</p>
</div>

nun möchte ich das die h2 links neben dem p steht und die selbe höhe hat. das heisst wenn in dem p jede menge text steht soll die h2 genauso höch sein wie das p-element bzw so hoch wie das div.

folgendes css haben ich versucht:

div.2Column {
 width:95%;
 border:1px solid #ccc;
}

div.2Column h2 {
 float:left;
 background-color:#ccc;
 width:20%;
 height:100%;
 padding:5px;
}

div.2Column p {
 flaot:left;
 width:70%;
 padding:5px;
}

das ganze funktioniert leider nicht weil die prozenzangabe der höhe des h2 scheinbar ignoriert wird. ich nehme and as eine % von % nicht geht.

wie bekomme ich es nun hin das ich quasi einen 2 spaltigen text bekomme bei dem die linke spalte eine h2 mit huntergrundfarbe ist?

danke,
phase

[Daniel]

Ahoi phase,

wie bekomme ich es nun hin das ich quasi einen 2 spaltigen text bekomme bei dem die linke spalte eine h2 mit huntergrundfarbe ist?

gib doch dem Div den gewünschten hintergrund und nicht der h2 (welche den hintergrund des Divs komplett verdecken würde).

MfG

[phase]

gib doch dem Div den gewünschten hintergrund und nicht der h2 (welche den hintergrund des Divs komplett verdecken würde).

welch genial eingfache Lösung, manchmal hat man doch einfach nur ein Brett vor'm Kopf!

Vielen Dank,
phase