mal wieder ein problem mit css (elementhöhe)



  • 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.



  • 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)



  • ich habe das problem anders gelöst



  • 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. ]


Log in to reply