[TYPO3-german] Bilder laufen unten aus dem Content raus - T3 4.2.1 nur mit CSS

Tue Aug 26 13:09:16 CEST 2008

Hallo H. Hahn,

> Es sieht aus als seien die Bilder von einem <div> umschlossen. Nur Texte 
> scheinen sich den <div>s anzupassen (genauer: <div>s passen sich den 
> Texten an). Bilder gehen, wenn das so auskommt, über den Rand der 
> <div>s.

das stimmt so nicht ganz. Wie Christian und Bernd schon sagten bewirkt erst die 
Eigenschaft float, dass ein umgebendes DIV nicht mehr in der Höhe gestreckt wird.

Zum Ausprobieren:
auch ohne den Extra-DIV um das Bild und float direkt im Bild ist es der gleiche 
Effekt. Erst das DIV clear:both bereinigt den unschönen Effekt im FF2.0.0.16, 
das overflow:hidden im obersten DIV bereinigt den Effekt im IE6. Die 
CSS-Eigenschaft zoom ist leider laut W3C nicht valide bis einschließlich CSS3.

<html>
   <head>
     <title>float</title>
   </head>
   <body>
     <div style="background:#cccccc;overflow:hidden">
       <div style="background:#eeeeee;float:right">
         <img src="bild.jpg" height="200" width="300">
       </div>
       Text
       <div style="clear:both"></div>
     </div>
   </body>
</html>

Andreas