Guten Morgen,
ich erstelle gerade eine Seite mit folgendem HTML5-Grundschema:
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8>
<title>XYZ</title>
<link href=styles.css rel=stylesheet />
</head>
<body>
<?php include ‘navigation.php’; ?>
<div id=content>
<header>Seitenüberschrift</header>
<article>
<header>Abschnittsüberschrift</header>
Text eines Abschnitts
</article>
</div>
<footer>Text Footer</footer>
</body>
</html>
Wenn der Inhalt der Seite kürzer ist als der Viewport, soll der Footer trotzdem am unteren Rand des Viewports stehen. Die Seite soll also „mindestens 100% hoch“ sein.
Ich habe das u.a. versucht mit <body style=min-height:100%> und <div id=content style=min-height:100%> und verschiedenen position-Angaben zum Footer, aber nichts bringt das gewünschte Ergebnis.
Help me if you can …
MfG
pixxma
P.S.: Was haltet ihr von einem Verzicht auf die Anführungszeichen bei den Werten?