✔ Mehrere Divs sollen sich Breite teilen

[edvXpert]

Hallo

Ich habe ein kleines Problem:
Und zwar möchte ich auf meiner Homepage mehrere DIVs nebeneinander per float auflisten und alle sollen die selbe Breite haben.
Also wenn ich ein DIV habe, soll es die Breite 100% haben.
Wenn ich 2 DIVs habe, soll jedes 50% haben.
Bei 3 DIVS jedes 33,3% und so weiter.
Ich habe es schon mit width = 100%, width = auto, margin = 0 auto und was weiß ich noch probiert, aber es geht nicht.
Ist es überhaupt möglich sowas per CSS zu lösen?

Ich hoffe, dass ihr meine Frage verstanden habt und mir jemand helfen kann

Danke schonmal

MFG edvXpert

 

[Maik]

Hi,

und wo ist das Problem, dies so umzusetzen? Das Stichwort "float" und die Anteile für die einzelnen Breiten sind doch schon gefallen.

• Bei zwei DIVs pro Zeile:

div {
float:left;
width:50%;
}

• Bei drei DIVs pro Zeile:

div {
float:left;
width:33.3%;
}

• Bei vier DIVs pro Zeile:

div {
float:left;
width:25%;
}

• Bei fünf DIVs pro Zeile:

div {
float:left;
width:20%;
}

• usw.

mfg Maik

 

[edvXpert]

Öhm.... Das Problem ist ja, wie gesagt, dass ich die Breite vorher nicht weiß.
Die DIVs werden dynamisch erstellt und daher ist es manchmal eins und manchmal sinds 2 oder 3 oder so...
Ich möchte also die Breite NICHT im CSS oder sonst wo manuell festlegen....
Any idea? :/

 

[Maik]

Dann kommst du hier mit CSS nicht weiter, sondern mußt dies mit einem Script umsetzen, das die Anzahl der Elemente (pro Zeile) ermittelt, und ihnen den entsprechenden Prozentsatz für ihre Breite übergibt.

mfg Maik

 

[edvXpert]

Die Vermutung hatte ich auch schon, aber ich hatte noch die Leise Hoffnung, dass es mit CSS auch geht :/
Aber o.k. dann weiß ich Bescheid und werde den neuen Ansatz probieren
Danke für deine Hilfe^^