Bild im div lassen

[Gunnar Bittersmann]

@@Der Martin:

nuqneH

Wie kann ich das <div> um den geamten Inhalt (also auch um das Bild) legen?

Entweder ...
* das umgebende Element ebenfalls floaten (verlagert das Problem evtl. zum Elternelement)
* dem nachfolgenden Element ein clear geben, das wäre hier das b-Element.

Oder ganz einfach fürs umgebende Element: .inhalt { overflow: hidden }

.inhalt {vertical-align:top; background-color:#CCCCCC; padding:10px;}

BTW, die 'vertical-align'-Angabe ist unsinnig.

<b>Machbarkeitsstudie (.pdf)</b></a>&nbsp;(<i>ca. 1,3 MB</i>)<br>
     Die "Machbarkeitsstudie zur Erstellung eines ...

Das NBSP hat ich an der Stelle für unsinnig: "(.pdf)" gehört doch zu "Machbarkeitsstudie", der Umbruch sollte auch so erfolgen können:

Machbarkeitsstudie (.pdf)
ca. 1,3 MB
Die "Machbarkeitsstudie zur Erstellung eines ...

Übrigens gilt <b> auch als deprecated; die damit vermittelte Darstellung sollte besser über CSS angegeben werden. Das b-Element könnte dann ein span werden, vielleicht auch ein em oder strong.

'span'? Damit ginge jegliche Hervorhebung verloren.

Ich würde es eher so machen:

   <div class="inhalt">  
     <a href="Ergebnisse/Machbarkeitsstudie.pdf" target="_blank">  
       <img src="Bilder/thumbnails/Machbarkeitsstudie.gif" alt="Machbarkeitsstudie" class="thumbnail">  
       Machbarkeitsstudie (.pdf)  
     </a>  
     <span class="size">(ca. 1,3 MB)</span><br>  
     Die "Machbarkeitsstudie zur Erstellung eines ...  
   </div>

.inhalt { font-weight: bold }  
.size { font-weight: normal }

Qapla'