MediaWiki:Timeless.css: Unterschied zwischen den Versionen
Aus Transfusionshandbuch
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* All CSS here will be loaded for users of the Timeless skin */ | /* All CSS here will be loaded for users of the Timeless skin */ | ||
html{ | /* HTML- und Body-Bereich verwenden den gesamten Bildschirm */ | ||
html, body { | |||
height: 100%; | |||
display: flex; | |||
flex-direction: column; | |||
margin: 0; | |||
} | } | ||
/* | |||
/* Inhaltsbereich zwischen Kopf- und Fußzeile strecken */ | |||
#content { | |||
flex: 1; | |||
padding-bottom: 20px; /* Optionaler Abstand für den Footer */ | |||
} | } | ||
/* Footer bleibt unten bei wenig Inhalt */ | |||
#footer { | |||
background-color: #f9f9f9; | |||
text-align: center; | |||
padding: 10px; | |||
min-height: 50px; /* Mindesthöhe des Footers */ | |||
margin-top: auto; /* Platziert den Footer unten, wenn der Inhalt kurz ist */ | |||
height: | |||
} | } | ||
Aktuelle Version vom 28. Oktober 2024, 14:45 Uhr
/* All CSS here will be loaded for users of the Timeless skin */
/* HTML- und Body-Bereich verwenden den gesamten Bildschirm */
html, body {
height: 100%;
display: flex;
flex-direction: column;
margin: 0;
}
/* Inhaltsbereich zwischen Kopf- und Fußzeile strecken */
#content {
flex: 1;
padding-bottom: 20px; /* Optionaler Abstand für den Footer */
}
/* Footer bleibt unten bei wenig Inhalt */
#footer {
background-color: #f9f9f9;
text-align: center;
padding: 10px;
min-height: 50px; /* Mindesthöhe des Footers */
margin-top: auto; /* Platziert den Footer unten, wenn der Inhalt kurz ist */
}
