HTML: Unterschied zwischen den Versionen
Aus Doku-Wiki
Zur Navigation springenZur Suche springenUli (Diskussion | Beiträge) |
Uli (Diskussion | Beiträge) |
||
| (7 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 9: | Zeile 9: | ||
=HTML-Code Sonderzeichen= | =HTML-Code Sonderzeichen= | ||
| + | * [https://wiki.selfhtml.org/wiki/Referenz:HTML/Zeichenreferenz HTML Zeichenreferenz] | ||
* [http://www.tabelle.info/html_code_sonderzeichen.html HTML Sonderzeichen] | * [http://www.tabelle.info/html_code_sonderzeichen.html HTML Sonderzeichen] | ||
* [http://www.ascii-code.com/ Mit Steuerzeichen] | * [http://www.ascii-code.com/ Mit Steuerzeichen] | ||
| Zeile 26: | Zeile 27: | ||
= Sticky Footer - Fusszeile am unteren Rand = | = Sticky Footer - Fusszeile am unteren Rand = | ||
| − | 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. | + | 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. (siehe auch [http://www.html-seminar.de/sticky-footer-fussleiste-ganz-unten.htm hier]) |
| − | + | ||
* HTML | * HTML | ||
| − | <nowiki | + | <nowiki> |
<div id="Page"> | <div id="Page"> | ||
| Zeile 36: | Zeile 37: | ||
</div> | </div> | ||
| − | <div id=" | + | <div id="Footer"> |
<p>Footer Content</p> | <p>Footer Content</p> | ||
</div> | </div> | ||
| Zeile 42: | Zeile 43: | ||
</div> | </div> | ||
</nowiki> | </nowiki> | ||
| − | + | * CSS | |
| + | <nowiki> | ||
| + | * { | ||
| + | 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; | ||
| + | } | ||
| + | </nowiki> | ||
| + | |||
[[Kategorie:Anwendungen]] | [[Kategorie:Anwendungen]] | ||
Aktuelle Version vom 28. November 2016, 10:07 Uhr
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. (siehe auch hier)
- 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;
}
