Okej, här kommer koden (utan några !doctype)
Vilken doctype skall man använda?
<html>
<head>
<title>Sondera Design AB</title>
<style type="text/css">
body {
background: #aabbcc;
margin: 0px;
scrollbar-face-color: #9BB6D2;
scrollbar-shadow-color: #9BB6D2;
scrollbar-highlight-color: #9BB6D2;
scrollbar-darkshadow-color: #9BB6D2;
scrollbar-track-color: #F5F5FF;
scrollbar-arrow-color: #FFFFFF;
}
.ruta {
position: absolute;
border: solid 1px;
border-color: #445566;
padding: 0px;
}
.textbox {
padding: 20px;
font-family: verdana;
font-size: 10px;
color: #000000;
overflow: auto;
}
.image {
position: absolute;
}
</style>
<script language="javascript" type="text/javascript">
function grodan() {
adress.style.filter = "alpha(opacity=60)";
}
function boll() {
adress.style.filter = "alpha(opacity=30)";
}
function center() {
if (navigator.appName == "Netscape") {
TopPos = (window.innerHeight - 500) / 2;
LeftPos = (window.innerWidth - 709) / 2;
}
else {
TopPos = (document.body.clientHeight - 500) / 2;
LeftPos = (document.body.clientWidth - 709) / 2;
}
sondera.style.top = TopPos;
sondera.style.left = LeftPos;
}
</script>
</head>
<body onLoad="center()" onResize="center()">
<div id="sondera" style="position: absolute; width: 709px; height: 500px;">
<!-- Vänster ruta -->
<div class="ruta" style="width: 272px; height: 500px; top: 0px; left: 0px; background: #ffffff;">
<img src="bilder/logo.gif">
<div class="textbox" style="padding-top: 10px; width: 260px; height: 350px;">
<p><b>Välkommen till Sondera Design AB</b></br>
Vi har mångårig erfarenhet i branschen presentreklam och företagsprofilering.
Sondera Design finns i Värnamo med såväl kontor, lager och utställning.</p>
<p>I vår utställning visar vi flera av världens ledande
leverantörer när det gäller presentreklam.</p>
<p>Vårt breda sortiment gör att det alltid
finns något för alla, såväl stora som mindre kunder.</p>
<p>Vi jobbar mycket med import av intressanta
artiklar från vår omvärld.</p>
<p>Vi har bra globala kontakter och kan erbjuda direktimport
av i stort set vilken vara som helst och till högsta kvalitet.</p>
</div>
</div>
<!-- /Vänster ruta -->
<!-- Höger ruta -->
<div class="ruta" style="width: 419px; height: 500px; top: 0px; left: 290px; background: #ffffff;">
<img src="bilder/bluepic.jpg" class="image" style="top: 238px; left: 111px;">
<!-- Adress -->
<div id="adress" class="ruta"
style="width: 419px; height: 85px; top: 400px; left: -1px; background: #A9AAD0; filter: alpha(opacity=30);"
onMouseOver="grodan()" onMouseOut="boll()">
<div class="textbox" style="padding-top: 5px; padding-bottom: 0px;">
<b>Sondera Design AB</b><br>
Postgatan 8<br>
Box 516<br>
331 25 Värnamo<br>
Tel. 0370-195 50<br>
Fax 0370-156 65<br>
</div>
</div>
<!-- /Adress -->
</div>
<!-- /Höger ruta -->
</div>
</body>
</html>
