probleem in internet explorer

**Niels Parmentier** · 22-01-2010, 16:06

Halo,

Ik heb een site gemaakt voor een kennis van mij.
Het is een site die gewoon in html en css is opgebouwd.
In google chrome en in firefox werkt de site zeer goed.
Maar in internet explorer komt de site niet goed uit, het menu is niet goed, recht klopt aanbod niet.
En linksonderaan staan de links niet goed bij contactgegevens.

Ik hoop dat jullie me kunnen helpen.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 
<html><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" --> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<!-- InstanceBeginEditable name="doctitle" --> 
<title>freddy Coussens</title> 
<!-- InstanceEndEditable --><link href="stylesheet.css" rel="stylesheet" type="text/css"> 
<style type="text/css"> 
<!--
.style1 {font-size: 14px}
a:link {
	color: #00CCFF;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #FFFF00;
}
a:active {
	text-decoration: underline;
}
.style3 {color: #e1e6fa}
body {
	background-color: #375d81;
}
a {
	font-family: Arial, Helvetica, sans-serif;
}
.style5 {font-size: 9px}
-->
</style> 
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable --> 
</head> 
<body> 
<div id="wrapper"> 
   <div id="header"></div> 
   <div id="left_content"> 
   <div id="navigatie"> 
       <ul> 
	      <li><a href="index.html">Home</a></li> 
		  <li><a href="diensten.html">Diensten</a> 
			  <ul> 
			    <li><a href="faillissementen.html">Faillissementen</a></li> 
				<li><a href="diensten-inboedel.htm">Inboedel</a></li> 
				<li><a href="import-export.htm">Import-export</a></li> 
				<li><a href="opruiming.htm">opruiming</a></li> 
			  </ul> 
	     </li> 
			<li><a href="aanbod.html">Aanbod</a> 
			  <ul> 
			     <li><a href="machines.html">Machines</a></li> 
				 <li><a href="antiek.html">Antiek</a></li> 
				 <li><a href="aanbod-inboedel.html">Inboedel</a></li> 
				 <li><a href="allerlei.html">Allerlei</a></li> 
		      </ul> 
		 </li> 
			 <li><a href="contact.php">Contact</a></li> 
       </ul> 
     </div> 
	 <div id="contact"><br> 
      <p class="style1">Freddy coussens</p> 
	  <p>TEL: 056 50 39 50</p> 
	  <p>GSM: 0477 24 51 01</p> 
	  <p>FAX: 056 50 39 51</p> 
	  <p>E-mail: <a href="mailto:freddy.coussens@telenet.be" class="style5">freddy.coussens@telenet.be</a></p> 
     </div> 
  </div> 
  <!-- InstanceBeginEditable name="content" --> 
   <div id="right_content"> 
   <h1>Freddy Coussens</h1> 
   Wij houden ons bezig met het opkopen en verkopen van faillissementen,<br> 
    producten, inboedel,antiek,...<br> 
    Ons aanbod wordt regelmatig aangepast met nieuwe producten.<br> 
    Klik <a href="aanbod.html">hier</a> om naar ons aanbod te gaan.<br><br> 
	<hr width="400px" align="left"hr/> 
	<h2>Nieuw in ons aanbod</h2> 
	</p> 
   </div> 
   <!-- InstanceEndEditable --> 
   <!-- InstanceBeginEditable name="aanbod-content" --> 
   <div id="right_content2"> 
   <h2>Plastieken bidons</h2> 
   <img src="images/blauwe%20bibon%20006.jpg" width="175" height="200"><br> 
   <a href="aanbod.html">>> meer info</a> 
   <h2>Vorkheftruck Caterpilar</h2> 
   <img src="images/CATERPILLAR%20009.jpg" width="175"><br> 
   <a href="aanbod.html">>> meer info</a> 
   </div> 
   <!-- InstanceEndEditable --> 
   <div id="footer"> Created by <a href="mailto:parmentierniels@hotmail.com" class="style3">Parmentier Niels</a></div> 
</div> 
   
</body> 
<!-- InstanceEnd --></html>

Code:

/* CSS Document */
body {
margin:0px;
padding: 0px;
background-color: #375d81;
background-repeat:no-repeat
}
#wrapper {
text-align : left;
width : 1024px;
background-color: #375d81;
height: 800px;
}
#header {
background-image:url(images/header2.gif);
background-repeat:no-repeat;
background-position:center top;
background-attachment:scroll;
width:1024px;
height:175px;
margin-left:200px;
margin-right:128px;
}
#left_content {
background-color:#375d81;
background-repeat:no-repeat;
width:250px;
margin-left:200px;
margin-top:20px;
}
#navigatie {
background-image:url(images/nav.gif);
background-repeat:no-repeat;
color:#e1e6fa;
width:163px;
height:136px;
font-family:Arial, Helvetica, sans-serif;
line-height:17.3px;
padding-top:-1px;
}
#navigatie a {
color:#e1e6fa;
cursor:default;
display:inline;
text-decoration:none;
white-space:normal;
}
#navigatie a:hover {
background-color:#375d81;
color:#e1e6fa;
text-decoration:none;
max-width:5em;
}
#navigatie ul {
width:10em;
text-decoration:none;
list-style-type:none;
height:15em;
text-align:left;
margin: 0px;
left: 351px;
top: 219px;
}
#navigatie ul li {
vertical-align:top;
padding-top:13.9px;
}
#navigatie ul li ul {
background-image:url(images/nav.gif);
background-repeat:no-repeat;
visibility:hidden;
left:360px;
position:absolute;
top:200px;
width:17em;
height:10em;
text-decoration:none;
list-style-type:none;
margin-top:0px;
text-align:left;
line-height:17.3px;
}
#navigatie ul li:hover ul {
visibility:visible;
margin-top:30px;
}
#contact {
background-image:url(images/contact1.gif);
background-repeat:no-repeat;
width:166px;
height:200px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e1e6fa;
margin-top:50px;
line-height:22px;
padding-top:4px;
}
#right_content {
margin-left:390px;
margin-top:-390px;
background-image:url(images/content.gif);
background-repeat:repeat-y;
width:575px;
height:750px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#183152;
text-align:left;
padding:20px;
vertical-align:text-top;
}
#right_content a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#183152;
}
#right_content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
}
#right_content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
#right_content2 {
background-image:url(images/aanbod.gif);
background-repeat:no-repeat;
width:224px;
height:548px;
margin-left:1000px;
margin-top:-785px;
padding-left:12px;
padding-top:35px;
}
#footer {
background-image:url(images/footer.gif);
background-repeat:no-repeat;
width:1024px;
height:20px;
margin-left:205px;
color:#e1e6fa;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
margin-top:225px;
}

**Wietze B.** · 24-01-2010, 15:12

Hey Niels,
Heb je ook een directe link? Dat werkt vaak handiger, dan snappen we beter wat je bedoelt.

Daarnaast, heb je je HTML-content al gevalideerd? Via deze website kun je je HTML-content laten controleren op fouten.

Wietze

probleem in internet explorer