✔ Div Positionieren

[kerstel]

Hallo,

wie kann ich auf einer breite, sagen wir mal 950px. 10 Divs so positionieren, dass sie links und rechts bündig sind, und untereinander den gleichen abstand haben?

Danke und Gruß
Kerstel

 

[Loomis]

10 * 91px = 910
8 * 5 px= 40 (8 mal Abstand zwischen den 10 Elementen)
macht 950

Oder was wolltest du wissen?

 

[kerstel]

ich will in einem div (DIV1), was 950px breit ist, 10 weitere divs positionieren. und zwar so, das das erste (linke) div mit dem linken rand vom DIV1 abschliest, und das 10. Div (rechte) mit dem rechten Rand von DIV1. Die Divs dazwischen sollen untereinander alle nen abstand von 3px haben.

 

[Loomis]

Ok:
6 Div's * 93 px = 558 px,
4 Div's * 92 px = 368 px,
8 * 3px Abstand = 24 px,
macht 950.

 

[kerstel]

versteh nicht was du von mir willst

 

[Maik]

Hi,

welche Dimension besitzen denn diese zehn DIV-Blöcke?

 

[kerstel]

93px breit und 50px hoch

 

[Maik]

Hab in diesem Beispiel die #wrapper-Box mal auf 957px verbreitet, denn das Restmaß von 27px lässt sich besser durch 9 dividieren, als 20, oder anders ausgedrückt, die Browser können mit 3px mehr anfangen, als mit 2.22222222px

<div id="wrapper">
       <div class="box margin">box 1</div>
       <div class="box margin">box 2</div>
       <div class="box margin">box 3</div>
       <div class="box margin">box 4</div>
       <div class="box margin">box 5</div>
       <div class="box margin">box 6</div>
       <div class="box margin">box 7</div>
       <div class="box margin">box 8</div>
       <div class="box margin">box 9</div>
       <div class="box">box 10</div>
</div>

div#wrapper {
width:957px;
}

div.box {
float:left;
width:93px;
height:50px;
background:red;
}

.margin {
display:inline; /* verhindert im IE6 seinen "Doubled-Margin-Bug" */
margin-right:3px;
}

 

[kerstel]

danke, kannst Du mir irgendein buch empfehlen womit ich mir solches wissen aneignen kann. Dann muss ich nicht immer blöde fragen stellen

 

[Maik]

Ob du es glaubst, oder nicht, in den vergangenen knapp neun Jahren hab ich nicht ein einziges CSS-Buch gelesen, sondern mich ausschliesslich über die einschlägigen Ressourcen im WWW informiert.