<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Victor Test</title>
<style type="text/css">
body {
color:black; background-color:white;
font-size:100%;
font-family:Arial,Helvetica,sans-serif;
margin:0; padding:1em 0;
text-align:center; /* Zentrierung im Internet Explorer */
}
div#Seite {
text-align:left; /* Seiteninhalt wieder links ausrichten */
margin:0 auto; /* standardkonforme horizontale Zentrierung */
width:760px;
padding:0.5em;
border: 1px solid #000;
}
div#nav {
position: relative;
z-index: 1;
}
ul#Navigation {
font-size:0.75em;
width: 22em;
margin:0; padding:0;
border:1px dashed silver;
}
ul#Navigation li {
list-style:none;
margin:0; padding:0;
}
ul#Navigation a {
display: block;
padding: 0.2em;
}
*html ul#Navigation a { /* FÜR IE */
width: 22em;
}
ul#Navigation a:link {
color:black; background-color:#eee; text-decoration:none
}
ul#Navigation a:visited {
color:#666; background-color:#eee; text-decoration:none
}
ul#Navigation a:hover {
color:black; background-color:white; text-decoration:none
}
ul#Navigation a:active {
color:white; background-color:gray; text-decoration:none
}
div#Inhalt {
position: relative;
z-index: 2;
background-color: white;
margin-left: 12em;
margin-top: -3em;
padding: 0 1em;
border: 1px dashed silver;
}
div#Inhalt h1 {
font-size: 1.5em;
margin: 0 0 1em;
}
div#Inhalt h2 {
font-size: 1.2em;
margin: 0 0 1em;
}
div#Inhalt p {
font-size:1em;
margin: 1em 0;
}
</style>
</head>
<body>
<div id="Seite">
<div id="nav">
<ul id="Navigation">
<li><a href="blub.htm">Heim</a></li>
<li><a href="blub.htm">Neuigkeiten</a></li>
<li><a href="blub.htm">Schriftstücke</a></li>
<li><a href="blub.htm">Verweise</a></li>
<li><a href="blub.htm">Kontakt / Impressum</a></li>
</ul>
</div>
<div id="Inhalt">
<h1>CSS-basierte Layouts</h1>
<h2>Seite mit fester Breite</h2>
<p>Diese Seite ist hat eine feste Breite von 760px und ist zentriert.</p>
<p>Die Breite ist so gewählt, dass in 800px breiten Fenstern nicht horizontal
gescrollt werden muss und auch ein Ausdruck keine Probleme bereiten sollte.</p>
</div>
</div>
</body>
</html>
