2016-08-02 20 views
-1

Ich habe eine Website, wo ich eine gemeinsame Fußzeile für alle Seiten haben muss. Der Seiteninhalt variiert jedoch und wenige Seiten haben weniger Körper und wenige haben scrollbaren Körper. Aber meine Fußzeile bleibt nicht für alle Seiten gleich. Ich brauche es unten für alle Seiten (nach dem Körper). Ich habe mehrere Möglichkeiten mit CSS, Javascript, Jquery versucht, aber sie arbeiten nur für eine Seite und nicht alle zusammen.Gemeinsame Fußzeile für alle Webseiten

Könnte mir jemand dabei helfen.

+1

Nach dem Körper? Warum? –

+2

Mögliches Duplikat von [Wie erhalten Sie die Fußzeile, um am Ende einer Webseite zu bleiben?] (Http://stackoverflow.com/questions/42294/how-do-you-get-the-footer-to-stay -at-the-bottom-of-web-Seite) – APAD1

+0

Server-Seite enthält vielleicht? –

Antwort

0

Ich habe auch damit gekämpft! Ich habe gelernt, dass der Schlüssel eine Wrapper-ID zu haben ist:

html:

<html> 

<body> 
<div id="wrapper"> 


<div class="content"> 

<p> This is the content! </p> 

</div> <!-- content --> 



<footer> 

<p> This is the footer!!! </p> 

</footer> 

<div> <!--#wrapper--> 

</body> 

</html> 

css:

html { 
height:100%; 
} 


body { 
height:100%; 
} 

#wrapper{ 
min-height:100%; 
position: relative; 
} 

footer{ 
position:absolute; 
bottom:0px; 
background-color: black; 
color: white; 
width:100%; 
padding-top: 25px; 
padding-bottom: 25px; 
text-align:center; 

} 
+0

@Sri pls benutzen diese Antwort nicht! –