Antwort an „Bertie“ verfassen

Salü Gunnar und Roland

Bei niedrigen Viewports will ich normalerweise nicht, dass der knappe Platz von sticky footer (und allenfalls sticky header) dauernd besetzt wird.

Deshalb benutze ich dafür jeweils eine media query, für dieses Beispiel sähe das etwa so aus:

footer {
	background-color: lightblue;
}

@media screen and (min-height: 600px)  { 
	footer {
		position: sticky;
		bottom: 0;
	}
}

Damit wären Smartphones im Querformat und Smartwatches ausgeschlossen.

Gruss, Bertie

freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen