<html>
<head>
<title>KVH Fotografie Pagina 1</title>
<style type="text/css">
body{
background-color: #565656;
font-family: Arial;
color: white;
font-size: 10pt;
}
a{ color: #fff; }
a:hover{ color: #ff0000; }
a:visited{ color: #ef000b; }
a:active{ color: #ef000b; }
.menu{
float:left;
}
.menu_boven{
background-image: url(images/menu_boven.gif);
background-repeat: no-repeat;
width: 200px;
}
.menu_midden{
background-image: url(images/menu_midden.gif);
width: 200px;
padding: 5px, 5px, 5px, 20px;
}
.menu_onder{
background-image: url(images/menu_onder.gif);
background-repeat: no-repeat;
width: 200px;
}
.content{
position:absolute;
}
.content_boven{
background-image: url(images/content_boven.gif);
background-repeat: no-repeat;
width: 850px;
height: 8px;
}
.content_midden{
background-image: url(images/content_midden.gif);
background-repeat: repeat-y;
width: 850px;
padding: 23px, 23px, 8px, 23px;
}
.content_onder{
background-image: url(images/content_onder.gif);
background-repeat: no-repeat;
width: 850px;
height: 8px;
}
</style>
</head>
<body>
<img src="images/header.jpg" border="0"><br>
<div class="menu">
<div class="menu_boven"></div>
<div class="menu_midden">
<a href="#">Home</a><br>
<a href="#">Zoeken</a><br>
<a href="#">Catagorieën</a><br><br>
<a href="#">Media registreren</a><br>
<a href="#">Wachtwoord vergeten? (media)</a><br><br>
<a href="#">Bekijk bestelling</a><br>
<a href="#">Tarieven</a><br><br>
<a href="#">Contact</a><br>
<a href="#"><b>Informatie</b></a>
</div>
<div class="menu_onder"></div>
</div>
<div class="content">
<div class="content_boven"></div>
<div class="content_midden">
Welkom op de site van KVH Fotografie!<br><br>
Heb je altijd al een mooie foto boven je bed willen hangen van Klaas-Jan Hunterlaar, of bent u van het AD en wilt u een mooie foto van Maarten Stekeleburg op de voorpagina?<br>
Dan bent u bij KVH Fotografie op de goede plaats!<br><br>
Wij zijn Kees en Fred, wij zijn professioneel fotograaf op het gebied van sport.<br>
Maar... Als u gaat trouwen of uw zoontje speelt zijn eerste volleybalwedstrijd, dan kunt u ons altijd inhuren.<br><br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam tristique placerat sem. Etiam consequat. Sed vitae odio ut mauris tincidunt varius. Vivamus sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cras malesuada tristique tortor. Proin id velit. Sed cursus suscipit lacus. Fusce semper, enim eu molestie aliquet, leo dui pulvinar nunc, in pretium nisi enim nec eros. Nulla facilisi.
<br><br>
Suspendisse pharetra. Maecenas quis mauris. Integer lorem turpis, pharetra eu, scelerisque eu, suscipit sit amet, massa. Donec molestie rutrum ligula. Fusce auctor molestie eros. Nam rhoncus eleifend tellus. Mauris risus mi, volutpat sit amet, pharetra eget, aliquam at, velit. Maecenas lobortis tempor enim. Suspendisse semper commodo eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc ultricies risus placerat purus consectetuer convallis. Mauris interdum, lectus sed pretium varius, felis neque tristique elit, nec hendrerit mauris massa sit amet massa. Integer quam dolor, pulvinar non, aliquam molestie, feugiat id, libero. Duis nunc. Vestibulum quis libero in dolor varius adipiscing. Aenean sollicitudin elit et leo. Vivamus erat purus, luctus sed, accumsan facilisis, lobortis a, nisl. Donec vel erat eget neque suscipit facilisis. Nunc lectus dui, sodales eget, tincidunt et, aliquam ac, felis.
<br><br><br>
LET OP!<br>
<a href="#">Lees eerst goed de informatiepagina door!</a>
</div>
<div class="content_onder"></div>
</div>
</body>
</html>
Zoals je misschien ziet doet hij het in ie wel maar in ff niet. :(
Dit wordt de eerste site die ik maak in css dus kan wel wat hulp gebruiken :)
Hopelijk ziet een van jullie de fout?
Groeten
Boris
PS: http://www.bwebsites.nl/kvh daar staat ie online