Fußzeile schwebend in der Mitte der Seite

Ich bin neu in Codierung und mache meine erste Website auf WP. Ich habe Schlagwaffen WP in die Unterwerfung mit der HTML-5 Leere Vorlage. Ich habe Probleme damit, meine Fußzeile bleiben an der Unterseite von der Seite, anstatt schwebend in der Mitte mal an. Ich verstehe, wie dies zu tun, auf mein Ende, aber wenn ich es in WordPress seltsame Dinge passieren.

Wenn ich meine html height:100% in css-oder wenn ich meinen Körper position:absolute; alle meine Inhalte nach unten bewegt die Seite über die Länge von einer Seite. Ich habe versucht, die band-Hilfe, die Sie für jede einzelne Seite, aber es schafft mehr und mehr Probleme. Hat jemand Ideen?

die Website (es ist unter einem random-Verzeichnis, so kann ich es bauen, es ist zwar nicht ganz live).

InformationsquelleAutor Brian Edelman | 2015-10-03
  1. 3

    MÜSSEN Sie die Höhe von html und body und dann auf Fußzeile legen Sie position absolute. Verwenden Sie die folgende css -

    html, body {padding:0; margin:0; height:100%;}
footer{position: absolute; bottom: 0; left: 0; right: 0;}
    • Ich versuchte dies und es wird die Fußzeile so, wo ich will, aber etwas seltsames ist passiert zwischen meinem wordpress-theme und meine Sachen die ich angelegt habe innerhalb es. Ich baute es vor Ort und alles sah perfekt aus, wie ich es möchte. Jetzt in wordpress, wenn ich mich bewerben dieses seltsame Lücken in der Seite angezeigt, also muss ich noch anpassen, alles mit -Margen. Es muss etwas sein, was zeigt, dass ich bin nicht immer mit der WP.
    • OK, versuchen Sie diese .container { height: auto !wichtig; height: 100%;} footer { background: #333333; width: 100%; height: 60px; bottom: 0;}
    • Auf dieser Seite joebiz.net/blog/category/blog Fußzeile im inneren class="container" - aber auch andere Seiten footer außerhalb class="container" wie joebiz.net/blog zunächst das problem lösen.
    • Dass nur Feste Seiten mit seinem Lebenslauf auf. Der rest der Seiten, es schwimmt auf der Mitte der Seite oder ganz nach oben.
    • ja bei der Wiederaufnahme der Seite joebiz.net/blog/resume footer außerhalb class="container" - so das arbeiten. setzen Sie die anderen Seiten, die gleiche wie diese Struktur.
    • Okay, so wie Es scheint, bin ich auf einem guten Weg, auf alles, was nun ABER die resume-Seiten. Ich habe versucht zu tun, Sie ähnlich wie die restlichen Seiten, aber es ist immer noch die Anzeige in der Mitte des Lebenslaufs.
    • Können Sie senden Sie mir Ihre update-Probe? Haben Sie meine Letzte css, die ich vorgeschlagen? .container { height: auto !wichtig; height: 100%;} footer { background: #333333; width: 100%; height: 60px; bottom: 0;}
    • Ich kann sehen, dass in der Fußzeile position: absolute; entfernen.
    • Okay, so zu löschen, dass alle anderen Seiten nicht funktionieren. Also behielt ich es und verwendet eine Körper-Klasse für die Fußzeile im Lebenslauf die Seiten und die verwendete position:static; Dass es behoben. Ich danke Ihnen SO SEHR für Ihre Zeit auf dieser. Sehr geschätzt wird.
    • Wow. Dank einer million. Du hast mich gerettet, eine Menge Zeit.

    InformationsquelleAutor Lemon Kazi
  2. -1

    Verwenden overflow:hidden; für footer oberen div.

    • Die oberen div beziehen Sie sich?
    • div oberen auf Fußzeile
    InformationsquelleAutor Bheem Nishad
Schreibe einen Kommentar