Hier ein Weiterführung von YetiZwerg. Er hat selber zu viele Fehler gemacht und ehrlich gesagt musst du ihn nicht wirklich ernst nehmen...
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Titel</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="wrapper">
<div id="header">
<p>header</p>
</div>
<div id="navi">
<ul>
<li><a href="index.htm">Link</a></li>
<li><a href="daswir.htm">Link</a></li>
<li><a href="geschichte.htm">Link</a></li>
<li><a href="kontakt.htm">Link</a></li>
</ul>
</div>
<div id="inhalt">
<p>inhalt</p>
</div>
<div id="footer">
<p>footer</p>
</div>
</div>
</body>
</html>Code
* {
padding: 0;
margin: 0;
}
#wrapper{
height: auto;
}
#header {
height: 110px;
border-bottom: 1px solid #dcdcdc;
}
#header p {
font-family: Arial;
padding: 15px;
}
#navi {
height: 50px;
background-color: #dcdcdc;
}
#navi li {
float: left
}
#navi ul li {
display: block;
padding: 15px;
list-style-type: none;
font-family: Arial;
}
#inhalt {
height: 200px;
border-bottom: 1px solid #dcdcdc;
}
#inhalt p {
font-family: Arial;
padding: 15px;
}
#footer {
height: 80px;
border-bottom: 1px solid #dcdcdc;
}
#footer p {
font-family: Arial;
padding: 15px;
}