mal wieder ein problem mit css (elementhöhe)

japro

ich habe ein element das etwas text und ein bild enthält welches vom text umflossen wird

<div class="text">
   <img src="testimg.gif" class="img" />
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>

das css dazu:

.img{
    float: left;
    text-align: center;
    vertical-align: middle;
    height: 48px;
    width: 48px;
}

.text{
   float: none;
   background-color: #FF0000;
}

jetzt hätte ich angenommen das dieses element mindestens die höhe des bildes hat... aber dem ist nicht so
beispiel

du setzt nur den Hintergrund des Textes und der ist nur so hoch wie der Text ist.

japro

wenn du mich fragst setze ich den hintergrund des divs welches den namen text trägt demanch müsste doch das ganze div rot sein und müsste mindestens die höhe des inhalts haben (eben das bild mit höhe 48px)

japro

ich habe das problem anders gelöst

Henno

Das float bewirkt, dass das Bild nicht mehr komplett in dem <div> sein muss. Mache es so:

<div class="text">
   <img src="testimg.gif" class="img" />
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br style="clear:both;" />
</div>

[ Dieser Beitrag wurde am 30.09.2002 um 09:47 Uhr von Loggy editiert. ]