Hier ist der HTML-Code meiner Seite:
%Vor% Ich habe Inhalt innerhalb des .conteudo_representantes divs , das über das .rodape (footer) div hinausgeht.
Hier ist das CSS meiner Seite:
%Vor%Die vollständige Seitenquelle finden Sie in diesem Beispiel . (Klicken Sie auf die zweite Zeile der Liste, wo es heißt: 02 - São Paulo - Hauptstadt , um dieses Problem in Aktion zu sehen.)
Was mache ich falsch?
Das Problem ist, dass Ihr div conteudo_representantes nicht alle Inhalte korrekt umschließt, sodass sich die Fußzeile in der richtigen relativen Position befindet und die Repräsentanten Div ist aus irgendeinem Grund überfüllt
BEARBEITEN:
Es hat tatsächlich damit zu tun, wie Sie Ihre float -Attribute verwaltet haben.
Ihr div representantes schwebt nach links, die Fußzeile jedoch nicht. Sie können dies testen, indem Sie float:left vom Repräsentanten div. Ausschalten.
Dies ist eine häufige Ursache für das Überlappen von divs.
Berücksichtigen Sie beim Erstellen einer HTML-Seite, wie sich jedes div-Element auf das nächste stapelt. Das Element float wird letztendlich entscheiden, wie der divs-Stack
Hier finden Sie einen schnellen Leitfaden , um Elemente richtig zu stapeln
Wenn ich Recht habe, liegt das daran, dass Sie min-height für #container angegeben haben. Dies ermöglicht es zu wachsen, sollte der Inhalt diese Höhe überschreiten. Und weil es min-height ist, wird die Fußzeile nicht gedrückt, wenn der Inhalt größer wird.
Update: Das Problem sollte gelöst werden, indem der clear:both eine #footer -Eigenschaft hinzugefügt wird.