CitroenDsVier
Lt. Commander
- Registriert
- Dez. 2013
- Beiträge
- 1.891
Hallo zusammen,
gegeben ist folgendes Problem: Es existiert ein content-div der Breite 80%. Darin befinden sich einige DIVs der Breite 300px + 2*25px margin = 350px. Diese sind links gefloatet. Das hat den Vorteil, dass sie sich nebeneinander anordnen. Nun ist die Frage, wie ich bei 80% = 910px (als Beispiel) die restliche Breite herausbekomme, die nicht durch DIVs eingenommen wird.
Dazu kann ich calc(910px [oder 80%] / 350px) rechnen, kommt 2.6 raus. Damit weiß ICH, dass 2 DIVs da sind, 0.6 DIVs nicht da sind, demnach links und rechts des content-divs je 0.3*350px padding sein müssen, um die inneren DIVs zu zentrieren.
Den Schritt von 2.6 auf 0.6 kann ich CSS allerdings nicht beibringen. Von 2.6 auf 2.0 würde ja auch reichen, dann könnte man anschließend noch 2.6 - 2.0 rechnen = 0.6. Aber runden scheint CSS auch nicht zu können.
Ein margin: x auto; auf die inneren DIVs zu legen geht nicht, das funktioniert nicht.
Zum besseren Verständnis mal eine Skizze angehängt
Ich wäre über Lösungen oder Antworten sehr froh
MfG, V40
gegeben ist folgendes Problem: Es existiert ein content-div der Breite 80%. Darin befinden sich einige DIVs der Breite 300px + 2*25px margin = 350px. Diese sind links gefloatet. Das hat den Vorteil, dass sie sich nebeneinander anordnen. Nun ist die Frage, wie ich bei 80% = 910px (als Beispiel) die restliche Breite herausbekomme, die nicht durch DIVs eingenommen wird.
Dazu kann ich calc(910px [oder 80%] / 350px) rechnen, kommt 2.6 raus. Damit weiß ICH, dass 2 DIVs da sind, 0.6 DIVs nicht da sind, demnach links und rechts des content-divs je 0.3*350px padding sein müssen, um die inneren DIVs zu zentrieren.
Den Schritt von 2.6 auf 0.6 kann ich CSS allerdings nicht beibringen. Von 2.6 auf 2.0 würde ja auch reichen, dann könnte man anschließend noch 2.6 - 2.0 rechnen = 0.6. Aber runden scheint CSS auch nicht zu können.
Ein margin: x auto; auf die inneren DIVs zu legen geht nicht, das funktioniert nicht.
Zum besseren Verständnis mal eine Skizze angehängt
Ich wäre über Lösungen oder Antworten sehr froh
MfG, V40