nicht angemeldet
img float:right und IE
hallo ihr,
ich bin am verzweifeln und hoffe ihr könnt mir helfen.
ich habe eine news-box, in der ich rechts neben dem text per float:right ein bild positioniere. ist der text nun ein wenig kleiner als die höhe des bildes, bricht das bild aus der news-box heraus. im FF geht es ohne probleme, durch ein br mit einer clear-klasse (clear:both).
was mach ich falsch?
viele grüße
thom
-
was mach ich falsch?
du hast kein codebeispiel gepostet oder einen beispiellink mit dem man dir helfen könnte ;)
-
oh.
ehm.
hier der code :CSS
div.content_box {border-bottom:15px solid #fff;background-color:#f2f5f9;padding:5px;line-height:13pt;}
div.content_box img {float:right;margin-left:10px;margin-bottom:10px;}
br.clear {clear:both;}HTML
<div class="content_box">
<h2>Osterzeit – Osterfeuerzeit</h2>
<img src="bilder/oster.jpg" />Osterzeit ist vielerorts auch Osterfeuerzeit: In Norddeutschland und weiten Teilen Mitteldeutschlands werden Osterfeuer am Sonnabend vor Ostern entzündet. <a href="#">[mehr]</a><br class="clear" />
</div>-
die holzhammermethode ist br.clear gegen div.clear auszutauschen und den br respektive natürlich auch gegen einen div - ist zwar nicht sonderlich schön gelöst, erfüllt aber seinen zweck
-
-
-
Hallo du!
ich habe eine news-box, in der ich rechts neben dem text per float:right ein bild positioniere. ist der text nun ein wenig kleiner als die höhe des bildes, bricht das bild aus der news-box heraus. im FF geht es ohne probleme, durch ein br mit einer clear-klasse (clear:both).
Weise deiner umschließenden News-Box für die IEs bspw. height:1% zu.
Das Stichwort heißt: hasLayoutGruß Gunther