Probleme IE/FF

Salut les zér0s,

J'ai un petit problème avec mon site.

Une chose ne marche pas sous Firefox, et une chose se décale sur IE7.

Je vous laisse voir:
Sur FF:

http://img90.imageshack.us/img90/1706/ffio3.png

Et sur IE7:

http://img136.imageshack.us/img136/7968/ievq7.png

Donc sur firefox, l'image de fond de mon bloc div du menu horizontal ne s'affiche pas, et sur IE, tout se décale.

Voila le CSS coupé:

body
{
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: #c6c6c6;
}

#tout
{
background-color: #FFFFFF;
background-image: url("img/background.gif");
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
width: 900px; /* largeur obligatoire pour être centré */
border: 1px solid black;
}
/* L'en-tête */

#hg
{
width: 125px;
height: 125px;
float: left;
}

#en_tete
{
width: 750px;
height: 125px;
background-image: url("img/banniere.gif");
background-repeat: no-repeat;
float: right;
}

#menuhaut
{
width:100%;
height:30px;
background-image: url("img/fond_mg.jpg");
background-repeat: no-repeat;
background-position: top right;
}

}

#menu
{
margin-left: 10px;
width: 120px;
float:left;
}

/* Le corps de la page */

#corps
{
margin-top: 128px;
margin-left: 170px;
margin-right: 30px;
margin-bottom: 20px;
padding: 5px;
background-color: #FFFFFF;
border: 3px groove black;
}

Et le html aussi coupé:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon super site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="css.css" />
</head>

<body>

<div id="tout">


<div id="hg">
<h4>En construction</h4>
</div>
<div id="en_tete">

</div>
<div id="menuhaut">
<a class="elementmenu" href="url_de_votre_page">Votre page</a>
<a class="elementmenu" href="url_de_votre_page2">Votre page2</a>
<a class="elementmenu" href="url_de_votre_page3">Votre page3</a>
<a class="elementmenu" href="url_de_votre_page4">Votre page4</a>
<a class="elementmenu" href="url_de_votre_page5">Votre page5</a>
</div>



<div id="menu">
<div class="element_menu">
<h3>Titre menu</h3>
<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_menu">
<h3>Titre menu</h3>
<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>



<div id="corps">
<h1>Mon super site</h1>

<p>Lorem ipsum</p>

<p>Idem</p>

</div>

Donc, si vous pouvez m'aider un peu, pour l'image de fond sous firefox et le décalage sous IE.

image de fond et margin-top

Probleme IE/FF

Supprimer

Modérer

Signaler le message aux modérateurs