Ich habs so gemacht. Kann man das so machen oder sind Fehler drin?
Die verlinkte stylesheet.css dient nur dazu, Textfarbe, Größe und die Links einzustellen (A, HOVER usw.)
Ich hab quasi lauter Divelemente zusammengebaut.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titel</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body bgcolor="#e27201" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<!-- Begin Header -->
<div id="top1" style="position:absolute; left:0px; top:0px; width: 783px; height: 134px; background-color: #000099; background-image: url(img/design_top.jpg); background-repeat: no-repeat;"></div>
<div id="top2" style="position:absolute; left:783px; top:0px; width: 117px; height: 134px; background-image: url(img/bluebackground.jpg);"></div>
<!-- End Header -->
<!-- Begin Naviagtion -->
<div id="menu" style="position:absolute; left:0px; top:134px; width: 900px; height: 30px; background-color: #000000;"></div>
<!-- End Naviagtion -->
<!-- Begin Content -->
<div id="content1" style="position:absolute; left:0px; top:164px; width: 900px; height: 400px; background-color: #000099;"></div>
<div id="content2" style="position:absolute; left:50px; top:200px; width: 800px; height: 276px; background-image: url(img/start.jpg); background-repeat: no-repeat;"></div>
<!-- End Content -->
<!-- Begin Foot -->
<div id="foot1" style="position:absolute; left:0px; top:564px; width: 900px; height: 30px; background-color: #000000;"></div>
<div id="foot2" style="position:absolute; left:20px; top:574px;">Homepage by blabalbalbala</div>
</div>
</div>
<!-- End Foot -->
</body>
</html>