Image überlappt Div-Bereiche

[Struppi]

Das ist eine ganz schöne DIV Suppe.

<div class="boxcontainer">

Das ist ja noch ok, aber

<div class="boxtitle">Der Titel</div>

Der Titel sagt doch schon alles, das ist eine Überschrift:

<h1>Der Titel</h1>

(oder h2, h3)
und in der CSS Deklaration:

.boxcontainer h1 {....}

<div class="boxmain">Hauptbox<br>

Ein Textabsatz:

<p>Hauptbox

.boxcontainer p

<img src="/images/test.gif" width="150" height="200" align="left">

.boxcontainer img { float:left;}

oder

.boxcontainer p img { float:left;}

<div class="boxfooter">Der Footer</div>

<p class="boxfooter">Der Footer</p>

Worauf wahsaga hinaus wollte. float nimmt einen Block aus dem Textfluss, d.h. er ist nicht mehr für den äußeren Block vorhanden.
Du kannst das mit clear vermeiden, in deinem Falle bietet sich dafür boxfooter an.

Struppi.