enkele probleempjes

**Niels Parmentier** · 05-01-2010, 21:01

Ik heb een website gemaakt voor een fuif in de buurt.
Ik heb echter nog niet veel ervaring en ik zit met enkele foutjes in m'n site.

Wanneer je naar de pagina sponsors gaat in internet explorer dan staan de afbeelding niet mooi geordernd, terwijl in google chrome en in firefox dit wil is.
Verder staat de link shoutbox lager dan de andere links.
Ook Is het lettertype van de navigatiebox niet juist, het moet verdana zijn.
Ik hoop dat iemand me kan helpen.

http://www.dlite-jc.be

html code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- TemplateBeginEditable name="doctitle" -->
<title>D-lite</title>
<!-- TemplateEndEditable --><link href="styles.css" rel="stylesheet" type="text/css">
<title>d-lite</title>
<!--
a:link {
	color: a2c5de;
}
a {
	font-family: Verdana;
}
a:visited {
	color: #FF00FF;
}
a:hover {
	color: #FFFF00;
}
-->
</style>
<!-- InstanceBeginEditable name="head" --><style type="text/css">
<!--
a:link {
	color: #0000FF;
}
-->
</style><!-- InstanceEndEditable -->
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body>$
<div id="wrapper">
 <div id="header"></div>
 <!-- TemplateBeginEditable name="nav" -->
 <div id="navigatie">
   <ul>
     <li><a href="index.html">Home</a></li>
     <li><a href="info.html">Info</a></li>
     <li><a href="dj.html">DJ's</a></li>
     <li><a href="tickets.html">Tickets</a></li>
     <li><a href="sponsors.html">Sponsors</a></li>
     <li><a href="foto.html">Foto's</a></li>
     <li><a href="links.html">Links<a/></li>
     <li><a href="gastenboek.html">Shoutbox<a/></li>
   </ul>
 </div>
 <!-- TemplateEndEditable --><!-- InstanceBeginEditable name="content" -->
 <div id="content">
   <h1>Sponsors</h1><br>
  <div id="sponsors_left">
   <img src="images/Fournier.gif" width="207" height="115" align="bottom"><br><br>
   Fournier nv Cavos <br> Waalvest 69 <br> 8930 Menen Belgium <br> Tel.: +32 (0)56 512911 <br> Fax: +32 (0)56 518133 <br> E-mail:<a href="mailto:info@fourniercavos.be">info@fourniercavos.be</a>
   <br><br>
   <img src="images/ripalbvba.gif" width="276" height="107" align="bottom"><br>
   RIPAL b.v.b.a.<br>
   Beukenlaan, 22<br>
   8930 LAUWE<br>
   GSM +32(0)486831898<br>
   Tel/Fax +32(0)56/420200<br>
   E-mail: <a href="mailto:ripal.palletten@gmail.com">ripal.palletten@gmail.com</a>
  </div>
   <div id="sponsors_right">
   <img src="images/parmentier.gif" width="223" height="115"><br><br>
   Tony Parmentier BVBA<br>
   Dak-zink-asfalt-koper<br>
   Tuinwijk 92, 8930 Lauwe<br>
   TEL/FAX: 056 40 31 44<br>
   GSM : 0477 88 09 70<br><br><br>
   <img src="images/slagerij%20verleye.gif" width="203" height="115" align="bottom"><br>
   Slagerij Verleye <br>
   Moorselestraat 84<br>
   8560 Wevelgem<br>
   Tel: 056 41 15 81<br> 
   Fax: 056 42 52 16
   </div>
  <div id="sponsors_bottom">
  <img src="images/Isola%20Fashion.gif" width="379" height="90" align="left" hspace="5px"> Isola Fashion <br> Kortrijkstraat 89 <br> 8560 Wevelgem <br>TEL:0032(0)56/42.16.64
  </div>
 <!-- InstanceEndEditable -->
 <div id="footer">Created by <a href="mailto:parmentierniels@hotmail.com">Parmentier
  Niels</a></div>
</div>
 
</body>
<!-- InstanceEnd --></html>

css-code:

Code:

/* CSS Document */
body {
margin:0px;
padding: 0px;
background-color: #000;
background-repeat:no-repeat
}
#wrapper {
margin-left:240px;
text-align : left;
background-image:url(wrapper.gif);
background-repeat:no-repeat;
width : 800px;
height: 1150px;
font:verdana;
}
#header {
margin-left:15px;
background-image:url(header1.gif);
background-repeat:no-repeat;
height:310px;
width:900px;
}
#navigatie {
font: verdana;
color:#oooooo;
margin-left:16px;
width:800px;
height:29px;
background-image:url(navigatie2.gif);
background-repeat:no-repeat;
text-decoration:none;
}
#navigatie a {
font: verdana;
background:inherit;
color:#000000;
display:block;
padding: 5px 20px;
text-decoration:none;
}
#navigatie a:hover {
font: verdana;
background-color:#000000;
color:#FFFFFF;
padding: 5px 35px;
text-decoration:none
}
#navigatie ul {
font: verdana;
list-style-type:none;
margin:0px;
padding:0px;
}
#navigatie li {
font: verdana;
float:left;
max-width: 12em;
}
#content {
font: verdana;
background-image:url(content.gif);
background-repeat:no-repeat;
width:800px;
height:775px;
margin-top:10px;
margin-left:25px;
padding-left:50px;
padding-top:15px;
text-align:left;
}
#content h1 {
font: verdana;
font-size:24px;
color:#A2C5DE;
}
#content h2 {
font: verdana;
font-size:18px;
}
#sponsors_left {
width:350px;
height:600px;
margin-left:20px;}
#sponsors_right {
width:350px;
height:600px;
margin-left:350px;
margin-top:-600px;
}
#sponsors_bottom {
width:750px;
height:250px;
margin-left:25px;
margin-top:-75px;

}
#footer {
width:750px;
height:14px;
background-image:url(footer.gif);
background-repeat:no-repeat;
margin-left: -50px;
color:#A2C5DE;
font-size:10px;
text-align:center;
margin-top:-85px;
}
#footer a {
color:#A2C5DE;
font-size:10px;
text-align:center;
}

alvast bedankt

enkele probleempjes