HTML/CSS Div positionierung

.footer_more ist absolut positioniert, d.h. der liegt einfach drüber, drum geht das ned: Der .footer kommt direkt nach dem .layout. .footer_more ist außerhalb der Reihenfolge.
 
Danke schonmal für deine Antwort, um kurz zur zeigen was ich vorhab und warum der footer_more unter layout liegt:

https://imagesi.com/5f052.jpg

footer_more soll später mit nem slider animiert werden, zum aus und ein sliden. Deshalb ist es absolut positioniert.
 
Dafür brauchst du doch keine absolute Positionierung. (Wie soll die denn helfen?)
Das müsstest du allein mit height und overflow steuern können. overflow auf hidden = Abschnibbel-Modus und dann per JavaScript die height langsam auf 0 runterschrauben.

Keine Garantie, dass es klappt, aber probier mal aus.
 
Trotzdem möchte ich das footer_more hinter dem layout ist und das geht nur mit:

position: absolute;
z-index: -1;

und bei dem slider bin ich noch nicht, ich möchte erst die html und css aufstellen.
 
Optisch macht es zwar keinen Unterschied, aber ok, wenn du es so lassen willst, dann muss der .footer eben in den .footer_more rein, damit es wieder ein "unterhalb von" gibt.

Alternativ - und da wirds noch schwieriger - positionierst du den .footer auch absolut. Dann musst du dich aber selber drum kümmern, dass er immer an der richtigen Stelle rumgammelt. Und: du hast dann natürlich dieselben Probleme mit Elementen, die du drunter machen willst, falls da noch was kommen soll.

edit:
Innen reinstecken bringt auch nix. Du brauchst so oder so ein margin-top, um den .footer um die Höhe des schwebenden .footer_more runterzuschieben. Je nachdem, ob du das Ding in den .footer_more steckst oder da lässt, wo es is, is der Zahlenwert anders.
 
Zuletzt bearbeitet:
ok hast recht, aber schau mal wen ich die position raus mache, macht das schon ein optischen unterschied das es nicht hinter Layout liegt

https://thinr.de/yxyrpl49

*edit

danke habs nun ;)

z-index: -1;
position: relative;
 
Zuletzt bearbeitet: