Testet både i IE6 og Firefox:
main.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>KM Profil</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="top"></div>
<div id="bund"></div>
<div id="km-top"><img src="billeder/KM-top.jpg" alt=""/></div>
<div id="km-bund"><img src="billeder/km-bund.jpg" alt=""/></div>
<img src="billeder/forsidebillede.jpg" id="billed" />
<div id="menuen">
<a href="info.html">Info |</a>
<a href="profil.html">Profil beklædning |</a>
<a href="arbejds.html">Arbejdstøj |</a>
<a href="tryk.html">Tryk/broderi |</a>
<a href="total.html">Totalløsninger |</a>
<a href="katalog.html">Katalog bestilling |</a>
<a href="kontakt.html">Kontakt</a> </div>
<div id="tekst"><h1>Lorem ipsum dolor sit amet</h1><br /> <p>consectetuer adipiscing elit.
Praesent dictum lectus commodo tortor. Phasellus velit velit, gravida at, posuere quis, vulputate ut,
velit. Nunc quis justo.
<br /><br />
Nulla ac orci eget quam auctor posuere.
Sed lorem metus, lacinia nec, iaculis quis, lacinia non, dui. Donec pretium,
neque vel pretium placerat, neque dui nonummy nisi, dictum egestas nunc ante aliquam libero.
<br /><br />
Mauris tincidunt congue est. Suspendisse sed odio ac
tortor facilisis malesuada. Phasellus vel dui.</p>
</div>
</div>
</body>
</html>
style.css:
/* CSS Document */
#container { width: 955px;
margin: 0px auto;
position: relative;
}
* { margin:0px; }
/* Indstillinger for brdteksten */
p { text-align:left;
font-size: 9pt;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Indstillinger for overskriften */
h1 { text-align:center;
font-size: 12pt;
font-style:inherit;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Instillinger for links */
a:link { color:#FFFFFF;
text-decoration: none;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Instillinger for besøgte links */
a:visited { text-decoration: none;
color: #FFFFFF;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#top { left:1px;
top:0px;
z-index:100;
position:absolute;
width:950px;
height: 80px;
background-color:#333366;
}
#bund { left:1px;
top:463px;
z-index:100;
position:absolute;
width: 950px;
height: 120px;
background-color:#333366;
}
#tekst { left:550px;
top:150px;
z-index:100;
position:absolute;
width: 300px;
height: 270px;
overflow:auto;
}
#km-top { left:10px;
top:9px;
z-index:101;
position:absolute;
width: 200px;
height: 200px;
}
#km-bund { left:635px;
top:424px;
z-index:101;
position:absolute;
}
#billed { left:60px;
top:150px;
z-index:100;
position:absolute;
width:258px;
height: 255px;
}
#menuen { left:300px;
top:50px;
z-index:101;
position:absolute;
}