Probleme code

Salut les geeks

Je fait un site pour ma maman (Je n'est pas fini je n'est la page d'accueils et encore elle n'est pas fini).
Je regarde se que sa donne avec Firefox, aucun probleme.
Apres je regarde avec IE, aucun probleme.

Ensuite je veut le mettre sur internet pour le mettrer aux autres, j'ai choisis ifrance provisoirement car il est rapide.
Je upload tout je regarde le résultat avec Firefox, auccun probleme.
Mais ensuite je regarde le site avec IE et la maleur o_O

: le site est coller à droite.
Je ne sais pas pour quoi.

Aidez-moi SVP!!

P.S.:
le site de ma maman.

Citation : Mon code XHTML:

<!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" />
<link rel="stylesheet" media="screen" type="text/css" title="style" href="red.css" />
<title>Annick Moerman</title>
</head>

<body>
<script language="JavaScript" type="text/javascript">
function ejs_nodroit()
{
alert('Clic droit interdit');
return(false);
}

document.oncontextmenu = ejs_nodroit;
</script>


<div id="tete">
</div>


<div id="menu">
<div class="element_menu1">
<ul>
<li><a href="page1.html">Lien</a></li>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>

<div class="element_menu2">
<ul>
<li><a href="page4.html">Lien</a></li>
<li><a href="page5.html">Lien</a></li>
<li><a href="page6.html">Lien</a></li>
</ul>
</div>
<div class="element_menu3">
<a href="page7.html"><img src="image/menu3.png" alt="Contact" title="Contact"/></a>
</div>
</div>


<div id="corps">
</div>


<div id="pied">
</div>

</body>
</html>

Citation : Mon code CSS:

/* CSS Document */

body
{
width: 805px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: #FFFFFF;
}

#tete
{
width: 802px;
height: 202px;
background: url(image/banniere.png) no-repeat;
margin-bottom: 15px;
}

#menu
{
float: left;
width: 152px;
background-color: #FFFFFF;
}

.element_menu1
{
background-image: url(image/menu1.png);
background-repeat: no-repeat;
margin-bottom: 16px;
width: 152px;
height: 304px;
}

.element_menu2
{
background-image: url(image/menu2.png);
background-repeat: no-repeat;
margin-bottom: 16px;
width: 152px;
height: 152px;
}

ul
{
list-style-image: url(image/puce.gif);
padding: 0px;
padding-left: 30px;
padding-top: 50px;
margin: 0px;
margin-bottom: 5px;
}

#corps
{
margin-left:166px;
height: 521px;
background-image: url(image/corps.png);
background-repeat: no-repeat;
background-color: #FFFFFF;
}

#pied
{
margin-top: 15px;
width: 635px;
height: 40px;
background-image: url(image/pied2.png);
background-repeat: no-repeat;
margin-left:167px;
}

a img
{
border: none;
}

a
{
color: #ff9999;
font-size: 110%;
text-decoration: none;
font-weight: bold;
}

a:hover
{
color: #FFFFFF;
background-color: #ff9999;
}

Aidez-moi svp

Probleme code

Supprimer

Modérer

Signaler le message aux modérateurs