Gunnar Bittersmann: Rahmen passt nicht um Bild

Beitrag lesen

@@Arne:

nuqneH

<div class='content_float'>

<div class='content_img' style='width: 330px; float: right; border: 1px solid; border-color: #000000;'   >
<img alt="Bild: Motiv XY" title="Foto: Copyright NN" data-downloadable="false" src="/xy.jpg" width="320" />
</div>
</div>

  
Vermeide Inline-Styles! Gib sämtliche Darstellung im Stylesheet an!  
  
Wozu die zwei Container um das Bild? Du kannst das img-Element auch floaten und ihm einen Rahmen verpassen.  
  
Wenn es im div steckt, ist Whitespace mit drin. Außerdem ist es ein Inline-Element, das auf der Grundlinie steht. Darunter ist der Raum für Unterlängen (bspw. für g, p, …). Deshalb ist dein Rahmen nicht am Bild dran.  
  
Das ändert sich mit display: block.  
  
Qapla'

-- 
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)