position:relative mit top:-xxx und überschüssiger platz unten

Status
Nicht offen für weitere Antworten.

Catscrash

Mitglied
Hallo,
ich habe ein div, nennen wir es hintergrunddiv, und ein zweites div darunter, nennen wir es contentdiv.

wenn ich jetzt im contentdiv
position:relative; top:-200px;
z.B. angebe, um das Element auf dem Hintergrunddiv zu platzieren ist unter dem Hintergrunddiv trotzdem die Seite noch so lange nicht zu Ende wie das contentdiv ohne position relative gegangen wäre...

Es wird also ein Scrollbalken und jede Menge freier Platz angezeigt der de facto aber nicht mehr gebraucht wird, weil das Element das dort war ja hoch verschoben wurde... wie kann ich die Seite dann dort enden lassen?

Danke schön
Catscrash
 
Hi,

das "Ergebnis" ist in dieser Konstellation ganz normal.

Die Angabe relative bezieht sich auf die Normalposition des Elements selbst und verschiebt es entsprechend (Elemente r3 und r6). Der ursprünglich eingenommene Raum bleibt hinsichtlich nachfolgender Elemente – wie die Elemente s4 und s7 demonstrieren – erhalten.
Du kannst es aber mal anstelle von top mit margin-top versuchen, denn dann bleibt der ursprünglich eingenommene Platz des Elements im Textfluß nicht mehr erhalten.

mfg Maik
 
danke,
das funktioniert, alternative Lösung die ich gestern noch gefunden habe:
wenn man weiß wie lang der body sein darf mit overflow:hidden arbeiten.

Aber deine ist universeller

viele Grüße
Catscrash
 
Status
Nicht offen für weitere Antworten.
Zurück