Testgedöns für Seitenlayout mit CSS

<!DOCTYPE html>
<html>
<head>
<title>
	Ersatz für Frames mit CSS, was angeblich besser, aber trotzdem ziemlich unnötig ist, aber egal
	</title>
<!-- Metagedöns -->
<meta name="author" content="Eiffel" />
<!-- Stylesheet -->
<style type="text/css">
	body {
		background-color: #ffffff;
		}
	header {
		width: 500px;
		height: 100px;
		font-family: arial, sans-serif;
		font-size: 5em;
		font-weight: bold;
		font-style: italic;
		font-variant: small-caps;	/* Weil Kapitälchen einfach geil aussehen */
		text-align: center;
		vertical-align: middle;
		color: #00198f;
		background-color: #f2f2f2;
		border-color: #000000;
		border-width: 2px;
		border-style: solid;
		border-radius: 5px;
		/* Hier beginnt der Spaß */
		position: absolute;
		left: 50%;		/* Y U NO IN THE CENTRE OF DOCUMENT? */
		/* Es muss doch möglich sein, den Referenzpunkt für die Positionsangaben zu verschieben */
		}
	#werbung {
		position: fixed;
		bottom: 20px;
		right: 40px;
		width: 220px;
		height: 150px;
		text-align: center;
		vertical-align: middle;
		border-width: 2px;
		border-style: groove;
		border-color: #0022ff;
		border-radius: 2px;
		background-color: #ff00ff;
		}
	#congaditto {
		width: 100px;
		}
	a.ad:link, a.ad:visited, a.ad:active, a.ad:hover {
		color: #0000ff;
		font-size: 1em;
		text-decoration: underline;
		font-family: "Times New Roman", serif;
		}
</style>
</head>
<body>
<!-- We're gonna need a whole lot of Lorem ipsum for this. -->
<header>Lorem Ipsum</header>
<div id="werbung">
	<img id="congaditto" align="center" src="http://www.matmartinez.net/nsfw/ditto.gif" alt="GIRLS GIRLS GIRLS" title="HAPPY HAPPY SEXY TIME" />
	<br />
	<a class="ad" href="http://bit.ly/1lPNHjG" target="_blank">Searching for that special Ditto in your life?</a>
</div>
</body>
</html>