nicht angemeldet
Hallo, vielleicht kann mir hier jemand helfen mein eingerostetes CSS Wissen aufzubessern. Ich habe eine Startseite, auf der mehrere Artikel stehen. Ein Artikel ist in ein <div> verpackt, um die einzelnen Artikel farblich vom Hintergrund zu trennen. Ein Artikel sieht ca. so aus:
<div>
<h1>Überschrift</h1>
<img style="float:right" />
<p>Etwas Text ...</p>
<p>Noch etwas Text ...</p>
</div>
Das funktioniert wunderbar, solange genug Text da steht, so dass der Text länger ist, als das Bild. Steht jedoch wenig Text neben einem hohen Bild, überragt das Bild den <div> Bereich.
Rein vom Code her betrachtet umschließt ja der <div> Bereich den gesamten Artikel, im Rendering jedoch nicht mehr.
Ich vermute, dass ich hier irgendwo einen groben Verständnisfehler habe. Wenn also jemand besser weiß, warum das <img> Objekt nicht ein Teil IM <div> Bereich ist, würd ich mich über eine Antwort freuen. Ebenso falls jemand weiß, wie ich den <div> Bereich entsprechend vergrößern kann, dass er sich an übergroße Bilder anpasst.
dankeschön,
Norbert
Gunnar Bittersmann
MudGuard