Aller au contenu

Sujets conseillés

Posté

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

Posté

Ca me semble normal à partir du moment où tu précise une hauteur dans centre_milieu....

xpatval

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
Posté

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 ;)

Veuillez vous connecter pour commenter

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



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