div mit position-fixed (nach unten) - stop beim Auftreffen auf Fußzeile
Habe ich schon ziemlich Voraus, in der die Lösung meines Problems mit einer Lösung, die ich gefunden habe in einem anderen Beitrag: https://stackoverflow.com/a/8653109/1567848 - aber ich bin noch nicht in der Lage, um es arbeiten auf einer echten Seite. Es würde nur funktionieren, innerhalb von JSFiddle.
Hier ist meine schon Recht vollständiges Beispiel und es funktioniert genau so, wie ich will: http://jsfiddle.net/enULV/ (warum funktioniert auf einer echten Seite?).
- meine Vermutung ist, dass es ein problem mit dem JavaScript, aber mein JS ist ziemlich schlecht, und ich wäre sehr dankbar für etwas Hilfe.
Vielleicht eine andere Lösung könnte sein, um zu bestimmen, eine bestimmte Menge von Pixeln, die von unten, erstellen ein limit für die #footer_border
nicht überlappen, die #footer
. (Nur eine zufällige Idee, würde ich eigentlich lieber dieses andere Methode arbeiten.)
Außerdem möchte ich die HTML-Markup und CSS zu bleiben, einfach so wie Sie sind (für die, die es, wie die Seite aufgebaut ist, mit allen seinen Inhalten, in denen ich wünschte, gehören in diesem Skript).
Vielen Dank im Voraus.
InformationsquelleAutor user1567848 | 2012-08-01
Du musst angemeldet sein, um einen Kommentar abzugeben.
Gibt es kein problem mit dem Skript. Es ist nur eine Frage der Platzierung
#footer_border
entwederposition:absolute
oderposition:fixed
. Festen macht es relativ positioniert, um das browser-Fenster, während die absolute macht es relativ zum ersten platziert werden (nicht statisch) Vorfahren-element (in deinem Fall#wrapper
).Ich habe Ihr
#wrapper
und#footer_border
380px so können Sie leicht prüfen, es aus der jsfiddle-frames. Platziert auto-Margen auf Ihre#footer_border
um sicherzustellen, dass es zentriert ist trotzposition:fixed
, dann entferntleft:0
. Überprüfen Sie die aktualisierte jsfiddle hier:http://jsfiddle.net/enULV/23/
Ich weiß, diese Frage ist fast ein Jahr alt jetzt, aber ich hoffe, das hilft immer noch.
InformationsquelleAutor Elly