pixxma: Footer-Bereich soll mindestens am unteren Viewport-Ende stehen

Beitrag lesen

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?