<head>
<title>Yellow and Red</title>
<style type="text/css">
<!--
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #FFF;
margin: 0;
padding: 0;
color: #000;
}
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}
.container {
width: 80%;
max-width: 1260px;
min-width: 780px;
background-color: #FF0;
margin: 0 auto;
}
.header {
background-color: #F00;
}
.content {
padding: 10px 0;
}
.content ul, .content ol {
padding: 0 15px 15px 40px;
}
.footer {
padding: 10px 0;
background-color: #F00;
}
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
-->
</style></head>
<body>
<div class="container">
<div class="header">Header</div>
<div class="content">
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br />
hallo<br /></div>
<div class="footer">
<p>Fußzeile</p>
</div>
</div>
</body>
</html>