Det mellemrum som den åbenbart selv laver, skal VÆKK!, Kig billede
Link til problem :
http://img175.imageshack.us/img175/6224/screenshotmk3.jpgHtml-koden :
<!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>Djursland for fulde damp</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="side">
<div id="top">
<div id="hoved"></div>
<div id="nav"></div>
</div>
<div id="indhold">
<div id="billede"><img src="index.jpg" width="200" height="400" /></div>
<div id="tekst">
<div id="overskrift">
<h1>Djursland for fulde dampe</h1>
</div>
<div class="normal" id="venstre">
<p>Den gamle STATION i Allingåbro oser af hygge og nostalgi. Den hyggelige atmosfære sætter tiden lidt i stå. Aktiviteterne står i fortidens tegn:Skinnecykling på 17 km. jernbanespor af ældre dato. Kanosejlads på Alling Å.</p>
<h2>Kørsel med veteranbus.</h2>
<p>Veterantog lige til Randers Regnskov. Overnatning i en autentisk sovevogn. Udstilling fra før verden var af lave. Mini-tog for de mindre. Djursland for fuld Damp er også oplagt udflugtsmål, når I er mange. Selskabsture og firmaudflugter arrangeres. På strækningen mellem Randers og Allingåbro er der mulighed for at tage turen med Veterantog. Har du lyst til at køre i veteranbus fra dengang din bedstefar vare ung, så er der også mulighed for det.</p>
<p><a href="#">Læs mere </a></p>
</div>
<div id="hojre">
<p class="normal">Kanoer kan man også leje. Skøn natur langs Alling Å og Grund Fjord. I stedet for den traditionelle firmaskovtu, Har du og dine kollegaer en fin mulighed for at kombinere morskab med lidt nostalgi, motion og god mad. der er forskellige ture at vælge imellem.</p>
</div>
</div>
</div>
<div id="bund">Content for id "bund" Goes Here</div>
</div>
</body>
</html>
CSS :
body {
text-align: center;
height: 100%;
margin-top: 0px;
}
#side {
height: 550px;
width: 800px;
}
#top {
}
#hoved {
background-image: url(hoved.jpg);
background-repeat: no-repeat;
height: 100px;
width: 800px;
}
#nav {
height: 20px;
width: 800px;
background-color: #ACC4e0;
text-align: left;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #562336;
text-decoration: none;
font-weight: 500;
}
a:link {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #562336;
font-weight: 500;
}
a:hover {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #562336;
}
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:36px;
color:#692731;
text-decoration: none;
font-weight: 700;
text-align: left;
}#indhold {
height: 400px;
width: 800px;
}
#bund {
background-color: #acc4e0;
height: 30px;
width: 800px;
clear: both;
}
#tekst {
height: 400px;
width: 600px;
float: right;
}
#hojre {
float: right;
width: 290px;
height: 340px;
padding: 5px;
text-align: left;
}
.normal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #692731;
text-decoration: none;
}
#billede {
float: left;
height: 400px;
width: 200px;
}
#venstre {
float: left;
width: 290px;
height: 340px;
text-align: left;
padding: 5px;
}
#overskrift {
height: 50px;
width: 600px;
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
text-decoration: none;
font-weight: 700;
}