hallo forum,

ich möchte eine diverse anzahl an div-containern nebeneinander ausrichten.

ich möchte, dass alle container zusammen 100% fensterbreite einnehmen. das ist auch soweit kein problem. problematisch wird es wenn ich den divs noch einen margin mit pixelwerten gebe. dann brechen die divs um. ich möchte diesen divs noch einen festen pixelwert abstand zueinander verpassen.

vg

Ich kann dir nur mal den Hinweis geben dich mit float auseinanderzusetzen. Zum Thema Spaltenlayout gibt es außerdem noch die sehr interessante Seite des yaml-Framworks.

Viel Erfolg!

__________________
Gruss, sumone

IE...

Ich nehme an, dass die Breite der divs in Prozentwerten angegeben ist. Das geht dann nicht, denn die Berechnung der Gesamtbreite auf 100% aus Prozentwerten plus Pixel kann (noch) kein Browser umsetzen.

wenn du sie gleichmäßig verteilen willst würde ich glaube doch zur tabelle greifen. kannst ja die divs als zelle einer tabelle formatieren und drum rum noch 2 divs für tabellenrahmen und die zeile packen.

Diesen würde ich "künstlich" erzeugen, durch margin der Elemente innerhalb der floatenden divs.

hat aber den nachteil, dass eines der äußeren elemente nicht bis ganz an den rand geht bzw. breiter ist als die anderen.

margin der Elemente innerhalb kann man für jedes floatende div individuell bestimmen und dabei auch problemlos erreichen, daß alle gleich breit sind und bis an die jeweiligen Ränder gehen.

aber dann sind sie doch unterschiedlich breit oder?

Ich sprach ja von den Elementen innerhalb; wenn 4 divs je 25% breit sind, können die innerhalb liegenden Elemente individuell margin in Pixel bekommen. Und bei entsprechenden margin-Werten sind die innerhalb liegenden Elemente dabei gleich breit und reichen jeweils an den äußeren Rand.

mmh ok, aber warum nicht ne tabelle verwenden bei sowas? wenn ich jeden block einzeln formatieren muss und sowieso 2 blöcke ineinander schachtel kann ich doch auch ne tabelle nehmen oder? das ist im quellcode doch wesentlich übersichtlicher oder irre ich mich da?