Zur Navigation

Objekte mit CSS anordnen

1 Tilman

Hallo!

Ich will mit CSS Objekte wie z. B. Grafiken auf meiner Webseite positionieren. Dabei nutze ich den CSS-Code:
position: absolute; top: 69px; left:300px;
Diesen setze ich in der Objektklammer dann zwischen
style="..."

Wie kann ich ein Objekt so anbringen, dass es sich (top: 10px) dann unter dem vorherigen Objekt befindet?

14.01.2008 18:44

2 Jörg

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

14.01.2008 19:57 | geändert: 14.01.2008 20:09

3 Tilman

Ja, da habe ich noch ein Problem (es lohnt sich wahrscheinlich nicht, ein eigenes Thema zu erstellen).

Ich habe ein Formular. Immer an der stelle, wo das Formular endet,
</form>
, ensteht eine kleine, leere Fläche.
Kann man dieses
</form>
nicht "unsichtbar" machen?

15.01.2008 16:29

4 Jörg

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

15.01.2008 16:38 | geändert: 15.01.2008 16:39

5 Tilman

Ja, es funktioniert!
Danke!

15.01.2008 16:52

Beitrag schreiben (als Gast)

Beim Verfassen des Beitrages bitte die Forenregeln beachten.





[BBCode-Hilfe]