CSS Positionierungsproblem

CSS Positionierungsproblem (3 Beiträge, 83 Mal gelesen)

Du bist nicht angemeldet. [ Login/Registrieren ]

Ich habe folgende Situation: 3 DIV Blöcke, die ich untereinander anzeigen möchte, deren Abstand zueinander per CSS festgelegt werden soll. Hier ein vereinfachtes Codesegment:

[html]
[head]
[style]
.div1 {
position:relative;
top:20px;
}
.div2 {
position:relative;
top:10px;
}
.div3 {
position:relative;
top:10px;
}
[/style]
[/head]
[body]
[div class="div1"]Test Hugo 1 2 3[/div]
[div class="div2"]Test Hugo 1 2 3[/div]
[div class="div3"]Test Hugo 1 2 3[/div]
[/body]
[/html]

Wenn man sich das aber im Browser ansieht, merkt man, dass DIVs 2 und 3 nicht relativ zu DIV1 verschoben wurden (und DIV2 sich mit DIV1 sogar überlappt). Frage: wie kann ich's jetzt per CSS arrangieren, dass sich die Blöcke zueinander mit dem spezifizierten Abstand ergeben?

Re: CSS Positionierungsproblem (japh am 08.02.2005, 00:16:25)

Re: CSS Positionierungsproblem (steiger am 08.02.2005, 09:10:26)

Dieses Forum ist eine frei zugängliche Diskussionsplattform.
Der Betreiber übernimmt keine Verantwortung für den Inhalt der Beiträge und behält sich das Recht vor, Beiträge mit rechtswidrigem oder anstößigem Inhalt zu löschen.
Datenschutzerklärung