Miért van az, hogy a containerem height-je nem igazodik a benne lévő tartalomhoz?

Ha használtál valahol float-ot, akkor...

A containeren belül közvetlenül a tartalom után írd ezt:

<div style="clear: both;"></div>

<div class="container">

<div class="left_area">

<p>Bal szöveg</p>

</div>

<div class="right_area">

<p>Jobb szöveg</p>

</div>

<div style="clear: both;"></div>

</div>

A container style-jához add a következő bejegyzést:

position: relative; overflow: hidden;

Ha nincs meghatározva magasság, akkor nem jelentkezik túlcsordulás, a div magassága követni fogja a tartalmat.