HTML
Aus Doku-Wiki
Version vom 21. Oktober 2016, 07:05 Uhr von Uli (Diskussion | Beiträge) (→Sticky Footer - Fusszeile am unteren Rand)
Inhaltsverzeichnis
URL Weiterleitungen
<meta http-equiv="refresh" content="2;url=http://www.example.com/">
Page Refresh
<meta http-equiv="refresh" content="600">
HTML-Code Sonderzeichen
HTML-Seite
<html>
<head><title>Test</title></head>
<body>
<h1>Testseite</h1>
<body>
</html>
Text in HTML umwandeln
Mit diesem Beispiel kann man die Fusszeile einer Webseite an den unteren Rand setzen. Wenn die Webseite länger ist, wird die Fusszeile weiter nach unten verschoben, ansonsten bleibt sie am unteren Rand.
- HTML
<div id="Page">
<div id="Content">
<p>Content</p>
</div>
<div id="Footer">
<p>Footer Content</p>
</div>
</div>
- CSS
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
#Page {
position: relative;
min-height: 100%;
width: 6000px;
margin: 0 auto;
}
#Content {
background-color: orange;
padding-bottom: 80px; || Abstand muss Footer Höhe entsprechen
}
#Footer {
position:absolute;
bottom: 0;
width: 100%;
height: 80px;
}
