Aller au contenu

problème avec Firefox


dondecadent

Sujets conseillés

Bonjour,

j'ai semblerai un problème d'incompatibilité IE/firefox

voyez par vous même le résultat avec les 2 navigateurs :la page

le code est le suivant :

<head>
<title>Construction</title>

</head>
<style type="text/css">
body {
background-image: url(images/fond_parquet6.jpg);
color: white;
font-style: verdana, sans-serif;
font-size: 90%;
}
#conteneur {
position: absolute;
width: 900px;
left: 50%;
margin-left: -450px;
}

#header {
height: 200px;
background-image: url(images/banniere.gif);
}

#gauche {
position: absolute;
left:3px;
width: 145px;
height: 430px;
background-image: url(images/menu4.gif);
}

#centre_haut{
background-image:url(images/centre_haut.gif);
margin-left: 150px;
width:751px;
height:25px;
right:10;
}

#centre_bas{
background-image:url(images/centre_bas.gif);
margin-left:150px;
width:751px;
height:24px;
}

#centre_milieu{
background-image:url(images/centre_milieu.gif);
width:751px;
height:378px;
margin-left: 150px;
right:10;
padding:25px;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:25px;
}

.menugauche li {
margin-bottom: 8px; <!-- espacement entre les rubriques -->
}

.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}

.menugauche a:hover {
text-decoration: none;
background-image:url(images/ballon_puce.gif);
background-repeat:no-repeat;
background-position:1% 50%;
padding-left:15px;
color:white;
}

#pied {
height: 30px;
background-color: none;
margin-top:5px;
}

</style>
<body>

<div id=conteneur>
<div id="header"></div>


<div id="gauche">

<ul class="menugauche">
<li><a href="">Comité</a></li>
<li><a href="">Equipes</a></li>
<li><a href="">Championnats</a></li>
<li><a href="">Infos basket</a></li>
<li><a href="">Détente</a></li>
<li><a href="">Liens</a></li>
</ul>

</div>

<div id="centre_haut"></div>



<div id="centre_milieu">

partie centrale qui "pousse" les colonnes vers le bas.<br />
partie avec du contenu occupant le reste de la largeur<br />

partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />


</div>

<div id="centre_bas"></div>


<div id="pied"></div> <!-- pied de page invisible c'est pour l'esthétique -->


</div>
</body>
</html>

je ne sais pas de ou sa peut venir

aidez moi svp...

merci d'avance

Lien vers le commentaire
Partager sur d’autres sites

Posté (modifié)

Merci xpatval,

Mais sa ne onctionne pas même en ne précisant pas la hauteur

Le résultat est le même, sauf que l'image est décalée complétement a gauche...

ave IE sa fonctionne

Quelqu'un aurait-il une solution pour remédier a mon problème ???

<edit moderateur> Message corrigé </edit>

Modifié par Dudu
Lien vers le commentaire
Partager sur d’autres sites

Il a trouvé la solution depuis apparamment, sa page a changé, et ça marche maintenant sous Firefox.. il confirmera s'il repasse dans le coin ;)

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...