Auf Thema antworten 2026

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="Ladyan" data-source="post: 1536748" data-attributes="member: 225548">AW: div height 100% ProblemNatürlich muss man nicht 1:1 alle Vorgaben übernehmen. Aber gerade bei so einem Thema wie dem Sticky Footer ist es nicht schlecht, auf bewährte Methoden zurückzugreifen. Dieses Beispiel ist in 50(!) Browsern getestet worden, da muss schon was dran sein <img src="/styles/default/xenforo/smilies/zwinker.gif"  class="smilie" loading="lazy" alt=";)" title="Wink    ;)" data-shortname=";)" />Der Grundgedanke des Sticky Footers ist, body auf 100% zu bringen. Deshalb darf für obere/untere Abstände kein margin verwendet werden.Dein margin-bottom für #center habe ich deshalb durch padding-bottom ersetzt.mit margin-top MINUS Footerhöhe rutscht der Footer somit in den Paddingbereich von #center.Außerdem habe ich die Positionierung deines Footers von absolute zu relative geändert und die fehhlende Definition für body > #center hinzugefügt.Dann noch die richtige Position in der Hierarchie - nämlich außerhalb von #center, und schon liefs.Zum Thema "sauber geschrieben wird später" - mag sein, dass du damit am besten fährst. Aber du hast zt 5-fach die gleiche Definition drin, und überschreibst Werte redundant oder sogar gegenläufig, so dass du bei so einer simplen Verschachtelung schon mit !important arbeiten musst um dich selbst zu überschreiben - wenn da irgendwas nicht funktioniert muss das nicht zwingend ein grundlegendes Problem sein. Es kann auch einfach sein, dass verschiedene Eigenschaften miteinander im Konflikt stehen. Deshalb würde ich bei so etwas als allererstes meinen Code aufräumen, und mir erst dann, wenn es immer noch fehlerbehaftet ist, Hilfe suchen.u know what I mean? <img src="/styles/default/xenforo/smilies/zwinker.gif"  class="smilie" loading="lazy" alt=";)" title="Wink    ;)" data-shortname=";)" /></blockquote> Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung: Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?