suit: Divs untereinander mit jeweiligen Border

Beitrag lesen

SELF-Forum

Divs untereinander mit jeweiligen Border

suit Homepage des Autors
– Informationen zu den Bewertungsregeln

Der gelbe Pfeil zeigt das Element mit float:none.

float: none; ist dein fehler - auch wenn das letzte element nicht floatet, das davor tuts und somit darf das nachfolgende auch noch rein, zudem scheint der ul selbst noch nichts vom float zu wissen bzw von seinem verhalten

Komischerweise ist der Mercedes-Eintrag als letztes aufgelistet,

beim mercedes-logo musst du vorsichtig sein, mercedes-benz bzw daimler hat sehr strenge vorgaben was deren logo betrifft (auf welchen hintergrundfarben usw) ich meine mich auch erinnern zu können, dass es nicht horizontal neben einem anderen logo eines anderen autoherstellers sein darf

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
 <head>  
  <title>float</title>  
  <style type="text/css">  
   * { margin: 0; padding: 0; }  
  
   body { margin: 20px; }  
  
   ul {  
    width: 500px;  
    border: 1px solid green;  
    float: left;  
   }  
  
   li {  
    width: 33%;  
    float: left;  
    list-style: none;  
   }  
  
   .even {background: red; }  
   .odd {background: blue; }  
  
   li.item3 { width: 34%; }  
   li.last-child { clear: right; }  
  </style>  
 </head>  
 <body>  
  <ul>  
   <li class="odd item1">blah 1</li>  
   <li class="even item2">blah 2</li>  
   <li class="odd item3">blah 3</li>  
   <li class="even item1">blah 4</li>  
   <li class="odd item2">blah 5</li>  
   <li class="even item3">blah 6</li>  
   <li class="odd item1 last-child">blah 7</li>  
  </ul>  
 </body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln