Stefan: Abstände zwischen Containern...

Beitrag lesen

Hallo Zusammen,
suche schon länger nach einer "optimalen" Lösung für folgendes Problem:
Eine Reihe von Div-Containern soll nebeneinander dargestellt werden, jeweils mit einem abstand von 10px dazwischen.

  
<div style="margin-right; width:50px; float:right;">1</div>  
<div style="margin-right; width:50px; float:right;">2</div>  
<div style="margin-right; width:50px; float:right;">3</div>  
<div style="margin-right; width:50px; float:right;">4</div>  
<div style="margin-right; width:50px; float:right;">5</div>  
<div style="margin-right; width:50px; float:right;">6</div>  

Wenn eine Zeile voll ist, wird automatisch eine neue Zeile erstellt.
Normalerweise gebe ich dafür jedem DIV einen margin-right von 10px und die Sache ist gegessen. Wenn ich aber nun einen DIV darum lege, hätte ich natürlich links keinen Abstand zum umliegenden DIV, rechts aber die 10px vom letzten DIV in der Reihe.

Gibt es einen Lösungsansatz es besonders elegant hinzubekommen, dass die Abstände nur zwischen den DIVs sind aber nicht links oder rechts?
Das ganze soll nach Möglichkeit ohne zutun eines Scriptes und mit nur einer CSS-Class funktioniern.
Also prinzipiell etwas in der Art:

  
.abstand{ margin-left-nur-wenn-links-ein-div-daneben-ist:10px; }  

Zum Hintergrund: Ich habe ein Script welches Datenbankeinträge ausliest und nebeneinander darstellt. So werden dann z.B. 5 Einträge pro Reihe angezeigt und 10 Reihen untereinander. Darüber und darunter sind Linien oder Bilder über die gesamte Breite. Links sind die DIV-Boxen mit den Einträgen bündig mit den Linien und Bildern, rechts fehlen aber durch den margin 10px, bzw. der Umbruch erfolgt 10px zu früh, da die 10px ja hinzugerechnet werden.
Ich hätte gern eine dynamische Lösung, wo das Script nicht eingreifen muss um die Zwischenräume zu generieren... falls das überhaupt irgendwie nur per CSS geht.

Hoffe das ist einigermaßen verständlich...

Grüße,
Stefan