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!!
http://maman-site.ifrance.com/
Mon code HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans
itional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition
al.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>
<!--la tete-->
<div id="tete">
</div>
<!--le menu-->
<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>
<!--la corps-->
<div id="corps">
</div>
<!--le pied-->
<div id="pied">
</div>
</body>
</html>
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;
}
