Hallo Forum,
ich beschäftige mich erst seit kurzem mit CSS und möchte eine einfache Seite strukturieren: Header, Content und Footer mit jeweils gleicher Breite sollen nahtlos untereinander erscheinen. Mit nachfolgender CSS-Beschreibung ist zwischen jedem Container ein Abstand. Welchen Fehler habe ich übersehen?
html, body {
margin: 0;
padding: 0;
height: 100%;
}
body {
font-family: courier new, verdana, arial, helvetica, sans-serif;
font-size: 100.01%;
font-weight: normal;
color: #fff;
background-color:#444;
}
#header { margin: 20px auto 0px auto;
padding: 0px;
background: #000;
height: 200px;
width: 950px;
}
#content1 { margin: 0px auto 0px auto;
padding: 0px;
background: #111;
height: 400px;
width: 950px;
text-align: center;
}
#footer { margin: 0px auto 0px auto;
padding: 0px;
font-size: 0.8em;
background: #000;
text-align: center;
height: 100px;
width: 950px;
}
Grüsse Matze