2016-03-21 17 views
1

Ich arbeite auf einer Website und habe versucht, die Fußzeile an den Boden zu haften, da viele Seiten nicht lang genug sein werden, um die Fußzeile nach unten zu schieben.Sticky footer in HTML/CSS, Anzeige Probleme

ich diese Technik angewendet haben: http://mystrd.at/modern-clean-css-sticky-footer/

können Meine Seite hier eingesehen werden: https://jsfiddle.net/cgLf0oLa/

Ich glaube, dass diese CSS-Eingang sehr wichtig ist:

html { 
    position: relative; 
    min-height: 100%; 
} 
body { 
    margin: 0 0 400px; 
} 

Allerdings habe ich erlebt habe Schwierigkeiten . Die Fußzeile wird über den anderen Inhalt gerendert, und ich habe keine Ahnung, wie man sie an die Inhaltsgröße anpassen kann. Hilfe wird sehr geschätzt.

Mit freundlichen Grüßen

Clemens

+0

Ich sehe die #footer unten im Geige-Link mit Chrome, Edge und Mozilla, welcher Browser gibt Ihnen Probleme? – spaniard

+0

@spaniard Wenn Sie die Größe des Browsers auf eine niedrigere Höhe ändern, ist dies falsch. Position absolute Tells, also setze das Element aus dem normalen Objektfluss heraus und setzt es auf den anderen Inhalt. – callmeniko

+0

@callmeniko Ich hatte den Browser auf minimale Größen geändert, die Fußzeile immer noch ganz unten ... – spaniard

Antwort

0

Versuchen Hinzufügen eines :after mit der Höhe über der Fußzeile die Höhe der Fußzeile der Hülle gleich. Es bleibt ein leerer Bereich unter der Fußzeile, der die Fußzeile nach unten drückt.