Divs in einem Div im Blocksatz möglich?

[catfli]

Hallo zusammen, ich bin neu hier im Forum und hoffe das ihr mir weiterhelfen könnt.

Ich versuche folgendes:
Ich habe ein Div (640px breit) und will nun in diesem kleine divs nebeneinander einfügen. Das klapp auch, aber ich will das der Abstand der kleinen divs zueinander sich automatisch anpasst.

Wenn z.b. 5 kleine divs drin sind soll der erste div am linken rand sein und der letzte am rechten rand. Der Abstand soll sich immer anpassen, bis es eben nicht mehr geht. Also eine Art Blocksatz.

Ist das machbar?

Code: Alles auswählen

<div style="width:640px; border:1px solid #000; height:50px;text-align: justify;" align="justify" >
<div style="width:50px; display:block;  float: left;height:50px; background:#CCC;"></div>
<div style="width:50px; display:block; float: left;height:50px; background:#9C0;"></div>
<div style="width:50px; display:block; float: left;height:50px;background:#CCC;"></div>
<div style="width:50px; display:block; float: left;height:50px;background:#9C0;"></div>
</div>

Viele Grüße
Catfli

[Azra]

CSS kann noch kein Mathe und Container (<div>) passen sich immer seinem Inhalt an wenn man keine Maße angibt. Du musst also eine feste Größe angeben, bei 640px und 5 Container wären das genau 128px.

[catfli]

Ok, danke für die Info. Dann muss ich das wohl streichen....
Dachte das geht irgendwie.

[Azra]

Wozu soll sich der Abstand eigentlich anpassen? -bzw. was kommt in die Container rein?
Im Grunde geht es nicht um den Abstand sondern der Größe der Inhalte oder nicht?

[catfli]

Es sollen Bilder rein.
Ich dachte das so:

Ich habe einen Container der z.B. 640px breit ist und der Inhalt soll eben als Blocksatz ausgerichtet werden. und sobald eine Zeile voll ist automatisch umbrechen. Und wenn es eben nur mal 3 Bilder sind, soll sich das dann anpassen und nicht linksbündig sein.

Ist das anders machbar?

[Azra]

Du musst dir immer vor Augen halten dass CSS nicht "denkfähig" ist.
Alles was du tun kannst ist nunmal den Bildern einen festen Abstand zu verweisen, runterspringen wenn kein Platz mehr da ist wird es in einem festgelegten Container automatisch.

Für alles Andere musst du dich an JavaScript (am besten jQuery) heranwagen.

[catfli]

Ok, ich danke dir für deine Infos!