<img> ragt aus <div>-Rahmen hervor - Warum?

[Matthias Apsel]

Om nah hoo pez nyeetz, Patrick, der Neuling!

<div style="text-align:left; padding:20px; border:thin solid silver">

<img style="width:40%; float:left; margin-right:20px; margin-bottom:20px" src="http://wcraft.lorebase.org/wp-content/uploads/cover.book_.dayofthedragon-de-430x640.jpg" title="" alt="Cover von 'Der Tag des Drachen'"/>
<blockquote>"Furchteinflössende Ereignisse in den höchsten Zaubererkreisen zwingen den jungen Magier Rhonin zu einer gefährlichen Reise in das von Orks kontrollierte Land Khaz Modan. Dort entdeckt Rhonin eine gewaltige, weitreichende Verschwörung, die dunkler ist als alles, was er sich je vorstellen konnte. Diese Bedrohung zwingt ihn zu einer gewagten Allianz mit uralten Kreaturen der Luft und des Feuers. Mit ihrer Hilfe wird es für die Welt Azeroth vielleicht ein Morgen geben."</blockquote>
<p style="font-weight:bold">Der Tag des Drachen, Buchrücken</p>
</div>

  
1\. Es ist nicht gut, inline-style-Angaben zu machen. [Einbinden einer CSS-Ressource](http://wiki.selfhtml.org/wiki/CSS/Einbindung#Einbinden_einer_externen_Datei)  
2\. Prozentuale Breitenangaben bei img-Elementen beziehen sich auf die Grafikbreite und nicht auf die Breite des Elternelements.  
3\. gefloatete Elemente haben keinen Einfluss auf ihr Elternelement, du musst sie [einschließen](http://molily.de/weblog/css-floats-einschliessen).  
  
Matthias

-- 
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen [Deck und Deckhengst](http://selfhtml.apsel-mv.de/java-javascript/index.php?buchstabe=D#deck).  
![](http://www.billiger-im-urlaub.de/kreis_sw.gif)