Hinzufügen von Leerzeichen am unteren Ende der HTML-Seite

7

Ich versuche, eine Website zu erstellen, wo ich sowohl die Titelleiste als auch den Seitenfuß an festen Positionen habe, d. h. Titelleiste immer oben und Fuß immer unten.

Dies hat das Problem verursacht, dass ich den Inhalt der Seite nach oben schieben muss, damit der Seitenfuß den Inhalt nicht überlappt. Ich muss am unteren Rand des Inhalts etwas Platz hinzufügen, damit die Überlappung nicht auftritt, wenn ein Benutzer zum Ende der Seite scrollt. Ich habe versucht, eine margin-bottom CSS-Eigenschaft zu der untersten DIV hinzufügen, so dass etwas Platz am Ende der Seite hinzugefügt werden sollte, funktionierte dies für die oberste DIV mit einer margin-top CSS-Eigenschaft, aber nicht für die Unterseite .

Dies ist die Hauptstruktur meiner Website, ohne Inhalt:

%Vor%

Kann jemand bitte eine Methode vorschlagen, um diesen Effekt zu erzielen?

    
Jono_2007 30.05.2012, 11:15
quelle

6 Antworten

1

Verwenden Sie dazu den Absatz. HTML-Absatz

    
Saad 30.05.2012, 11:17
quelle
16

Ich habe festgestellt, dass dies effektiv ist:

%Vor%     
lackita 17.04.2014 23:36
quelle
6

margin-bottom bewegt das gesamte Element, stattdessen padding-bottom.

    
pjmil 30.05.2012 11:20
quelle
0

das Hinzufügen von padding-bottom zum letzten Element sollte dies tun, oder Sie könnten padding-bottom zum container-Element hinzufügen, denken Sie daran, dass dies zur Höhe hinzugefügt wird, wenn Sie es in Ihrem CSS festgelegt haben

    
atmd 30.05.2012 11:20
quelle
0

Verwenden Sie stattdessen "padding-bottom". Das Verhalten davon ist über verschiedene Browser hinweg konsistenter als "margin-bottom".

Beachten Sie jedoch, dass dies zur Gesamthöhe des betreffenden Elements beiträgt, wenn Sie dies in Berechnungen verwenden.

    
Holf 30.05.2012 11:21
quelle
0

Ich gebe PAGE_CONTENT a margin-bottom ; Sie müssen möglicherweise auch overflow:hidden angeben, wenn Ihre LEFTCONTAINER und RIGHT_CONTAINER floated sind.

    
Gareth 30.05.2012 11:27
quelle

Tags und Links