Struppi: CSS um div zu plazieren

Beitrag lesen

.floatleft

Wozu diese Klasse?
Warum nimmst du nicht:
#services div { .... }?

{
float: left;
width: 100px;
height: 140px;
background-color: #F63;
border: 1px solid #F30;
margin:10%;
}

10% Abstand Link und Rechts und das fünfmal macht (10% + 10%) * 5 = 100%
d.h. deine Abstände nehmen die komplette Breite ein und es passen von den fünf Bereichen nur einige nebeneinander.

Falls du die fünf mit gleichen Abstand nebeneinander darstellen, willst, hast du ein Problem, da man noch nicht mit CSS rechnen kann und du % und px mischst.

Der Abstand müßte ( 100% - (5 * 100px) ) / 6 betragen

Wenn du nur mit % arbeitest geht es:

#services {  
background-color: #00ffff;  
height:140px;  
border-style: solid;  
border-color: #ff0000;  
}  
#services div  
{  
float: left;  
width: 8%;  
height: 140px;  
background-color: #F63;  
border: 1px solid #F30;  
ma
~~~rgin-left: 10%;  
}  
  
Struppi.

-- 
[Javascript ist toll](http://javascript.jstruebig.de/) (Perl auch!)