Erzwinge div / div am unteren Rand der Webseite zentriert

Wenn ich Sie richtig verstehe, möchten Sie, dass die Symbolleiste bis immer sichtbar ist, unabhängig von der vertikalen Bildlaufposition. Wenn das stimmt, würde ich das folgende CSS empfehlen ...

Ich möchte nur klar machen, was du hier sagst:

  

unten auf der Webseite (der    Dokument , nicht das Ansichtsfenster )

Natürlich befindet sich ein div am Ende des "Dokuments", abhängig von Ihrem Layout.

Wenn es nicht bis zum Ende eines Dokuments geht oder Sie nicht darauf achten, wie groß Ihre Spalten sind, liegt es daran, dass Sie schweben? Lösche beide; wäre, um das zu lösen.

Die klebrigen Fußzeilen sind, was ich denke, dass Sie suchen, aber wenn Sie Dokument, und nicht das Ansichtsfenster sagen, werde ich ein bisschen verwirrt. Klebrige Fußzeilen tun dies normalerweise: Achten Sie auf kurze Seiten, und wenn sie kürzer als der Ansichts-Port ist, heftet die klebrige Fußzeile das Fußzeilen-Teil nach unten.

Hier sind einige klebrige Fußzeilen (es gibt gajillions von em, aber dies ist in der Reihenfolge meiner Favoriten):

• Ссылка
• Ссылка
• Ссылка (zuvor aufgeführt)
• Ссылка
• Ссылка (es gibt dort einen, den ich einfach nicht finden kann)

Vielleicht, wenn Sie eine kurze Illustration gegeben haben oder ein bisschen genauer gesagt haben, was Sie wollen? Hoffe das hilft: D

-Ken

Versuchen Sie Folgendes: Feste Fußzeilen ohne Javascript . Ich weiß nicht, ob es perfekt passt, aber ich denke, es ist nah genug.

Du kannst dem Div nur etwas geben:

klar: beides; text-align: center;

und setze das div als das letzte Element vor der abschließenden body-Anweisung. Das würde es zwingen, das letzte Element zu sein, ohne etwas daneben zu haben.

Am besten verwenden Sie Javascript, um die Größe Ihrer Seite zu bestimmen. Sie können die Höhe mit window.innerHeight mit Nicht-IE-Browsern und document.documentElement.clientHeight mit IE ermitteln. Mit diesem Wert sollten Sie in der Lage sein, Ihr Element absolut auf der Seite zu positionieren, die auf diesen Wert abzüglich der Höhe Ihres div gesetzt wird. Wenn die Höhe Ihres Divs variabel ist, müssen Sie die offsetHeight -Eigenschaft des DIV überprüfen, um die tatsächliche Höhe zu erhalten.

Verwenden Sie zum Zentrieren das folgende Beispiel:

Sie haben ein Wrapperdiv um das div, das Sie zentriert haben möchten. Das Wrapper-div hat eine Breite von 100%. Das innere div hat eine Breite, die auf das festgelegt ist, was Sie wollen. Geben Sie dem Wrapperdiv einen linken Abstand von 50% und dem inneren div einen negativen linken Rand gleich der Hälfte seiner Breite.