Float-Durcheinander ... Rahmen geht nicht um ganze Box

G

Gast170816

Hallo,

ich habe was in ein Div gemacht und diverse Float-Befehle genutzt...da sind oben zwei Bilder mit "alignleft" nebeneinander und dann ein Div "clear:both" mit zwei gefloateten Divs drin.
Nun ist da evtl. irgendwas mit dem "float" und "clear" verkehrt...jedenfalls geht ein "border" von dem Div was das ganze umfasst nicht ganz rum, sondern bricht nach den zwei "alignleft" Bildern oben ab.

Was ist falsch?
Oder liegt das an dem Vimeo-Player?

HTML:
<div style="border: 1px solid #009999;">

   <h4>Bilder und Liste</h4>
   <h6>Zwei Bilder</h6>
   <img class="alignleft size-full wp-image-1703 noborder" title="" src="http://www.seite.de" alt="" width="119" height="178" /><img class="alignleft size-full wp-image-1704 noborder" title="" src="http://www.seite.de" alt="" width="119" height="178" />

   <div style="clear: both;">

      <div style="float: left;">
         <h6>Eine Liste</h6>
         <ul>
	   <li>eins</li>
	   <li>zwei</li>
	   <li>drei</li>
         </ul>
      </div>

   <div style="float: right; width: 60%;">
      <iframe src="//player.vimeo.com/video/123" frameborder="0" width="500" height="281"></iframe></div>
   </div>

</div>
 
Versuch dein CSS auszugliedern in eine CSS-Datei. Das ist wesentlich effektiver. In jeder Hinsicht.
 

Neue Beiträge

Zurück