Liebe Community,
ich möchte gerne ein 3 Spalten Layout mittels CSS(3) umsetzen, dessen Spaltenbreiten dynamisch festgelegt werden sollen. Ein Beispiel:
Der Wrapper soll hier eine dynamische Breite von 100% und eine max-width von 1200px zugewiesen bekommen.
Die Spalten (col-3) sollen dann automatisch 1/3 der Breite einnehmen.
Soweit kein Problem, ABER:
Zwischen den Spalten soll trotzdem ein FESTER Abstand definierbar sein. Ich möchte quasi für die mittlere Spalte ein margin: 0 30px; definieren.
Wie lässt sich das in Verbindung mit dynamischen Beriten in CSS umsetzen? Hier komme ich leider nicht weiter :/
Hätte irgendwer evtl. einen Denkanstoß oder Lösungsansatz für mich?
Vielen Dank vorab,
Joshua
ich möchte gerne ein 3 Spalten Layout mittels CSS(3) umsetzen, dessen Spaltenbreiten dynamisch festgelegt werden sollen. Ein Beispiel:
HTML:
<div class="wrapper">
<div class="col-3 out">
<p>Test</p>
</div>
<div class="col-3">
<p>Test</p>
</div>
<div class="col-3 out">
<p>Test</p>
</div>
</div>Der Wrapper soll hier eine dynamische Breite von 100% und eine max-width von 1200px zugewiesen bekommen.
Die Spalten (col-3) sollen dann automatisch 1/3 der Breite einnehmen.
Soweit kein Problem, ABER:
Zwischen den Spalten soll trotzdem ein FESTER Abstand definierbar sein. Ich möchte quasi für die mittlere Spalte ein margin: 0 30px; definieren.
Wie lässt sich das in Verbindung mit dynamischen Beriten in CSS umsetzen? Hier komme ich leider nicht weiter :/
Hätte irgendwer evtl. einen Denkanstoß oder Lösungsansatz für mich?
Vielen Dank vorab,
Joshua
