Om nah hoo pez nyeetz, Birgit Egger!
Doctype nicht vergessen!
<html>
<head>
Zeichenkodierung nicht vergessen!
<style type="text/css">
type ist in HTML5 hier nicht notwendig
body {
height: 100%;
Das geht ggf. schief, weil das 100% Höhe des HTML-Elements bedeutet und dieses hat keine explizit angegebene Höhe also wird es so hoch wie nötig.
#wrapper {
Warum einen alles umschließendes Element? Es gibt schon 2. [1]
#wrapper #header {
Der Selektor ist überspezifiziert. #header tuts auch [2]
position: absolute;
Für fixiert gibs fixed.
#wrapper #content {
dito([2])
<div id="wrapper">
Weg damit([1]).
<div id="header">
besser: <header> und damit natürlich den Selektor [2] anpassen.
<div id="content">
hier streiten sich noch die Geister: <main> wäre denkbar. Im CSS dann display: block;
<div id="content" role="main"> ist auch gut.
Matthias