Leerzeichen am Ende der Seite

Besuchen Sie bitte diese website.

Gibt es einen leeren Raum an der Unterseite. Ich habe überprüft, und es gibt keine Mindesthöhe bereits in meiner css.

Ich vermute, die dem Körper css-details als unten;

body {
    line-height: 1.5;
    font-size: 87.5%;
    word-wrap: break-word;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
    border: 0;
    outline: 0;
    background: none repeat scroll 0 0 #EFEFEF;
}


html, body, #page {
    height: 100%;
}
keine "leeren Raum", hier in Chrom.
Ich sehe keine überflüssige Leerzeichen am unteren Rand der Seite. Ich bin mit Firefox 20 in OpenSuse 12.3 und ich haben JavaScript deaktiviert. Nur für den Fall, das hilft jedem.
Können Sie schreiben, ein Beispiel für html-code oder schreiben Beispiel in jsfiddle? Ich versuche, Ihren CSS-code und ich habe keinerlei Probleme...!
Duplikat von: stackoverflow.com/questions/12021866/...

InformationsquelleAutor Vishal Khialani | 2013-04-21

  1. 11

    Dieser entfernt, die Blutung für mich in Safari 6.0.3;

    #footer-wrapper {
    margin-top: 40px;
    background: url("../images/footer.png") repeat-x scroll 0 0;
    overflow: hidden;
}

    Möchten Sie vielleicht, um die überlauf-anders tho, basierend auf dem Inhalt. Dies sollte sich aber fix die weiße Raum.

    Habe ich es herausgefunden, indem Sie einfach das löschen von Knoten aus dem DOM von unten nach oben. Es war in der #footer-wrapper. Als margin-bottom hat nicht funktioniert und Sie waren mit relativer Positionierung, die ich dachte, war es einige Schatten styling Blutungen aus, dass element.

    Update (besser fix)

    Nur gefunden, das eigentliche Problem, das problem;

    .clearfix::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

    Ändern content: "."; zu content: ""; und es ist behoben. Oder entfernen Sie einfach, dass der Stil auf alle, wie es scheint nicht zu nutzen, in diesem Fall.

    Allendar Dank 🙂
    Ich hatte ein ähnliches problem wie oben, aber nur das hinzufügen overflow: hidden; es fest für mich, thx
    Hinzufügen overflow: hidden; zu meinem footer element fixiert eine Lücke unter meinem footer in Firefox und Rand, aber ich weiß nicht, warum es funktioniert, und ich wünschte, ich Tat..

    InformationsquelleAutor

  2. 1

    Ich bin zu spät zu der show hier, aber es kann helfen, jemanden in meinem Fall hatte ich einen leeren Platz an der Spitze habe ich den margin-top=-20px nun den leeren Raum an der Unterseite, die versucht, fast alle Vorschläge, die ich fand auf diese und viele threads und nichts. Beschlossen, führen Sie es durch einige HTML-validator gibt es ein paar keiner von Ihnen abholen, aber nach ein paar fand man ein extra-Zeichen(`) am Ende eines Tags, und das war es, so war es Benutzer Ungeschicklichkeit, nahm das Ding jetzt mein Seite verschoben wurde, nahm die negative Marge und alles gute. So versuchen Sie, eine Prüfung und Blick für so etwas.

    InformationsquelleAutor becker

  3. 0
    margin-bottom: 0px;

    Dieser würde es tun
    Btw ..nice site dude 🙂

    <body class="html front not-logged-in one-sidebar sidebar-first page-node" style="margin-bottom: 0px;"> im Dev-Tools nicht ändern, das margin-bottom. Ich habe sogar versucht es auf beiden html und body ohne Ergebnisse.

    InformationsquelleAutor Sumit Ghulyani

  4. 0

    Manchmal, es ist einige iframes/Objekte, die erstellt werden, Leistungen von Dritten, erstellen Sie in diesem leeren Raum. In meinem Fall, Google Adwords und Google Analytics erstellen. So, ich entfernt und durch hinzufügen dieser CSS:

    object[type="application/gas-events-cef"],
iframe[name="google_conversion_frame"] {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

    Vielleicht müssen Sie einige zusätzliche Regeln, die für Ihren Fall. Hoffe, das hilft.

    InformationsquelleAutor Luis Dalmolin

Schreibe einen Kommentar