Objekte mit CSS anordnen

Hallo Tilman,

bei absoluter Positonierung orientiern sich die Elemente am Anzeigebereich des Browsers. Wenn du das zweite Objekt exakt unterhalb des ersten Objekts positionieren möchtest, musst du diesem eine feste Höhe zuweisen, z.B.:

position: absolute; top: 69px; left:300px; height: 100px;

Daraus kannst du dann die Position des zweiten Objektes errechnen, also hier 69 + 100 + 10:

position: absolute; top: 179px;

Achtung: auch Abstände (padding, margin) müssen gegebenfalls noch hinzugerechnet werden

Wenn die Höhe des erste Objektes variabel ist, solltest du die Elemente normal positionieren, nicht absolut - dann werden sie automatisch untereinander angeordnet. Abstände kannst du dabei mit der Eigenschaft margin herstellen

Diese Leerfläche ist möglicherweise ein Abstand des form Elementes; wenn du die unteren Abstände auf 0 setzt, verschwindet dieser Abstand, z.B.:

<form style="margin-bottom:0; padding-bottom:0" action="script.php" method="get">

<!-- Inhalt des Formulars -->

</form>

Wenn dann immer noch ein unerwünschter Abstand da ist, stellen diese womöglich die oberen Abstände (margin-top, padding-top) des folgenden Elementes dar oder die unteren Abstände des letzten Elementes innerhalb von form. Dann musst du diese entsprechend herabsetzen