Hier mal ein Vorschlag meiner seits.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="cache-control" content="no-cache">
<link rel="stylesheet" href="standard.css" type="text/css" media="screen">
<title>Meine tolle Seite</title>
<style type="text/css">
/*Allg. Reset der Elemente*/
/*BEGIN*/
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/*END*/
body {
font-size: 14px;
font-color: #000;
}
h3 { font-weigth: bold; font-size: 1.5em;}
#links {
background: #ccc;
float: left;
width: 20%;
}
#mitte {
background: #555;
float: left;
width: 59.9%;
}
#rechts {
background: #acb;
float: right;
width: 20%;
}
</style>
</head>
<body>
<div id="links">
<h3>Navigation</h3>
<ul>
<li>Menupunkt 1</li>
<li>Menupunkt 2</li>
<li>Menupunkt 3</li>
</ul>
</div>
<div id="mitte">
<h3>Inhalt</h3>
<p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
</div>
<div id="rechts">
<p>Ut wisi enim ad minim vaniam, quis nostrud exerci tation... Ut wisi enim ad minim vaniam, quis nostrud exerci tation... Ut wisi enim ad minim vaniam, quis nostrud exerci tation...</p>
</div>
</body>
</html>
Alles anzeigen