Inhalt/Fußzeile am Ende der Seite in Chrome, aber scrollt weiter nach oben in Firefox

Question

Ich habe diese Frage in WordPress Stack geschrieben, aber jetzt sagen sie mir, ich sollte in Stack Exchange posten, weil dies wahrscheinlich ein reines CSS-Problem ist.

Ich entwickle eine WordPress-Seite mit einem festen Hintergrund, so dass der Inhaltsbereich nach oben und unten scrollt. Ich denke, es ist Parallaxe oder so ähnlich. Wenn ich die Seite in Chrome anschaue, entspricht das Ende des Inhaltsbereichs der Fußzeile korrekt und die Fußzeile ist das letzte, was Sie am Ende der Seite sehen. So weit, ist es gut.

Aber im Firefox scrollt der Inhaltsbereich noch ein paar hundert Pixel nach oben, so dass Sie die Unterseite des fixierten Hintergrundbildes unter der unteren Kante der Fußzeile sehen können.

Um das Problem zu verstehen, sehen Sie sich den folgenden Link in Chrome und Firefox an, um die Unterschiede zu sehen. Was ich will, es in Firefox zu tun ist, was es in Chrome tut:

About page

Answer 1

Sie haben eine hartcodierte Höhe in Ihrem Code.

#second-string { 
    position: relative; 
    background-color: #fee; 
    width: 100%; 
    height: 3000px; // Overwrite this or remove it, if you can 
    margin-top: 500px; 
    margin-bottom: 0px; 
    padding-top: 30px; 
    box-shadow: inset 0px 11px 8px -10px #000, inset 0px -11px 8px -10px #000; 
}