Gunther: 4 DIVs gleichmäßig nebeneinander verteilen

Beitrag lesen

Hallo Klaus,

Wenn ich aber eine feste Breite möchte, kann ich nicht mit width:150px; arbeiten (das ignoriert er), wenn ich mit max-width:150px; arbeite, dann sind die 4 Divs nicht mehr gleichmäßig verteilt, sondern wieder linksbündig.

Also was genau willst du denn jetzt eigentlich?

Der umschließende Container soll die volle Viewport-Breite haben. Deine darin enthaltenen 4 Boxen aber jeweils eine feste Breite und gleichmäßig darin verteilt? Dass hieße ja, dass die Abstände zwischen den Boxen "variabel" sein müssten.

Oder sollen die 4 Boxen gleichmäßig breit sein und die vorhandene Breite ausfüllen?

Je nach gewünschtem Ziel stehen u.a. folgende Möglichkeiten zur Auswahl
1. display: inline-block
2. display: table[-cell]
3. Floats
4. Flexbox

Wie gesagt, welche Variante ggf. am ehesten zu empfehlen ist, hängt davon ab, was du beabsichtigst. Letzteres habe ich noch nicht so ganz verstanden.

Gruß Gunther

PS: Und gelbe Karte wegen des Doppelpostings (was ich nicht bemerkt habe).