Yoko: DIVS Float:left zentriert ausrichten

Beitrag lesen

SELF-Forum

DIVS Float:left zentriert ausrichten

Yoko
– Informationen zu den Bewertungsregeln

Hallo zusammen!
Ich quäle mich schon heute den ganzen Vormittag mit dem Zentrierten Ausrichten von Left gefloateten DIV´s rum. Viel gelesen und doch blick ich es nicht. Kurze Beschreibung zu meinem Problem:

ich habe mehrere Divs, mit Float:left. Es sollen immer die maximale Anzahl an DIVS nebeneinander stehen, aber immer zentriert in der Bildschirmmitte.

Zum veranschaulichen hier ein Link (Fenstergröße dann verändern bitte):

Beispiel

momentan steh ich hier:

  
<html>  
<body text=#001c66 style="text-align:center;">  
  
<div style="width:auto; text-align:center;margin-left:10px; margin-right:10px; position:relative; overflow: hidden; background-Color:black;">  
    <div style="display: table-cell; overflow: hidden; background-Color:orange; margin-left:auto; margin-right:auto;">  
      <div style='float:left; position:relative; margin-top:10px; margin-left: 2px; width:200px; height:80px; background-Color:red;'></div>  
      <div style='float:left; position:relative; margin-top:10px; margin-left: 2px; width:200px; height:80px; background-Color:red'></div>  
      <div style='float:left; position:relative; margin-top:10px; margin-left: 2px; width:200px; height:80px; background-Color:red'></div>  
      <div style='float:left; position:relative; margin-top:10px; margin-left: 2px; width:200px; height:80px; background-Color:red'></div>  
      <div style='float:left; position:relative; margin-top:10px; margin-left: 2px; width:200px; height:80px; background-Color:red'></div>  
      <div style='float:left; position:relative; margin-top:10px; margin-left: 2px; width:200px; height:80px; background-Color:red'></div>  
      <div style='float:left; position:relative; margin-top:10px; margin-left: 2px; width:200px; height:80px; background-Color:red'></div>  
      <div style='float:left; position:relative; margin-top:10px; margin-left: 2px; width:200px; height:80px; background-Color:red'></div>  
      <div style='float:left; position:relative; margin-top:10px; margin-left: 2px; width:200px; height:80px; background-Color:red'></div>  
    </div>  
</div>  
  
</body>  
</html>

Vielen Dank für eure hilfe...

Beitrag melden
–
Informationen zu den Bewertungsregeln