Hallo ihr,

ich hab ein Problem... ein größeres DIV enthält mehrere kleine DIVs. Von den kleineren werden nur soviele angezeigt, wie in der Breite draufpassen - der Rest wird abgeschnitten (ist so gewollt, wird eine Bilderleiste).

Ich würde nur gern, dass inneren DIVs zentriert dargestellt werden und nicht linksbündig.

Hier der HTML-Code:

  
<div class="smallFrame" style="overflow:hidden; height:30px; background-color:#0000FF; background-image:none;">  
  <div style="float:left; margin:0 3px 5px 3px; width:400px; height:30px; background-color:#99CC00;">asd1</div>  
  <div style="float:left; margin:0 3px 5px 3px; width:400px; height:30px; background-color:#99CC00;">asd2</div>  
  <div style="float:left; margin:0 3px 5px 3px; width:400px; height:30px; background-color:#99CC00;">asd3</div>  
  <div style="float:left; margin:0 3px 5px 3px; width:400px; height:30px; background-color:#99CC00;">asd4</div>  
  <div style="float:left; margin:0 3px 5px 3px; width:400px; height:30px; background-color:#99CC00;">asd5</div>  
  <div style="clear:both; height:1px;"></div>  
</div>  

Und hier das CSS:

  
.smallFrame {  
 border:1px solid #FFFFFE;  
 margin:0 0 20px 0;  
 padding:5px 5px 5px 5px;  
 background-color:#FFFFFF;  
 background-image:url(resources/designs/blue/back_containerMiddle.jpg);  
 background-position:top;  
 background-repeat:repeat-x;  
}  

Gibt es eine Möglichkeit, das zu zentrieren?

Grüße
Sven