[HTML/CSS] Div positionierung

[web2null]

Hallo ich hab nen kleines Problem, und zwar möchte ich .footer unterhalb .footer_more platzieren, nur irgendwie klappt das nicht so wirklich.

http://thinr.de/yxyrpl49

Würde mich sehr über Hilfe freuen.

[theHacker]

.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.

[web2null]

Danke schonmal für deine Antwort, um kurz zur zeigen was ich vorhab und warum der footer_more unter layout liegt:

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

footer_more soll später mit nem slider animiert werden, zum aus und ein sliden. Deshalb ist es absolut positioniert.

[theHacker]

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.

[web2null]

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.

[theHacker]

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.

[web2null]

ok hast recht, aber schau mal wen ich die position raus mache, macht das schon ein optischen unterschied das es nicht hinter Layout liegt

http://thinr.de/yxyrpl49

*edit

danke habs nun

z-index: -1;
position: relative;