DIV neben gefloatetem DIV mit overflow: scroll

[user_1234]

Hallo, ich habe ein kleines Problem:

Ein DIV "left" ist links gefloatet und daneben ein DIV "right" mit margin left positioniert.
in diesem DIV "right" ist ein Bild mit der Eigenschaft float:left und daneben Text.

Mein Problem ist nun, dass wenn das Bild im DIV "right" größer als der Text daneben ist, dass Bild z.T. außerhalb des DIVs angezeigt wird.
Setze ich für diesen DIV die Eigenschaft "overflow:hidden" ist mein Problem zwar gelöst, der DIV umfließt dann aber den linken nicht mehr!

Hier der Link zu Seite: http://www1.rupp-elektro.net/produkte.html

Hätte jemand einen Tipp für mich?

 

[Tim Lorens]

vllt. das:

height: 150px;

 

[Marv]

Hallo,

Durch das floaten hat der <p>- Container die Größe des Bildes ignoriert und ist nicht mitgewachsen.

Diesen habe ich entfernt und am Ende des Inhalts des right Divs ein Div eingebaut,
welches das floaten dort beendet und somit das Mitwachsen des äußerden Containers zum Bild ermöglicht.
Zur Veranschaulichung habe ich deinem Bild hier noch die Größe width="200" gegeben.

<div class="right">
<h2>Magnet-Locher</h2>

<img width="200" class="prod_icon" src="images/prod_icons/locher.jpg" alt="">

<p>Eine rotative Formstanze in 3 Zylinder-Ausführung zum stanzen von z.B. Etiketten auf Trägermaterial, Löchern und sonstigen Schnitten.</p>
<p>Nach diesem Verafhren können ebenso präzise Kalt- und Heißprägungen realisiert werden.</p>
<div style="clear:both;"></div>
</div>

 

[user_1234]

Vielen Dank, Marv!
Das ist natürlich eine sehr gute Methode.

Is der leere DIV denn nicht "schmutzig"?

@ Tim Lorens: Auch danke für deine ANtwort.

 

[Marv]

Is der leere DIV denn nicht "schmutzig"?

Ich denke, dass der clear-Div leer ist ist weniger dramatisch :)
das Einzige was ich an dem verbessern würde ist, eine Klasse .clear zu nehmen,
anstatt den Style in den Tag zu schreiben, dann kannst du das clear-Div auch öfter verwenden.

.clear {
   clear:both;
}

und 

<div class="clear"></div>

 

[user_1234]

OK, Danke!
Das mit der Klasse und der Definition in CSS hatte ich auch schon überlegt...

Nochmal vielen dank für eure Hilfe!