Problème centrage avec IE
Justine89
-
Pilow Messages postés 410 Statut Membre -
Pilow Messages postés 410 Statut Membre -
Bonjour,
Voilà, mon site est parfaitement centré sous safari, opera et firefox... Mais sous IE il est tout aligné sur la gauche....
Voici ma feuille de style CSS :
Ainsi que la page d'accueil de mon site :
http://www.kinouche.com/accueil.htm
Il y a aussi un autre problème ( uniquement sous IE... ^^ ) il s'agit en fait du fond centrale qui au lieu de rester fixe, se reproduit au fur et a mesure que l'on descend avec la scrollbar ( ex : sur la page contact )
J'ai cherché pendant des heures sur le net sans trouver de réponses...
Merci d'avance de vos réponses, et je vous souhaite à tous une très bonne journée =)
Voilà, mon site est parfaitement centré sous safari, opera et firefox... Mais sous IE il est tout aligné sur la gauche....
Voici ma feuille de style CSS :
body
{
background-color:#000000;
font-size: 12px;
color: #FFFFFF;
font-family: arial;
text-indent: 15px;
list-style-type: circle;
margin: 0 ;
padding: 0 ;
}
#b
{
color: #960049;
}
#i
{
color: #3d3a3a;
}
#haut
{
margin: 0 auto;
text-align: center;
}
#conteneur
{
width:1026px;
margin: 0 auto ;
padding: 10px 0px;
text-align: center;
}
#boutonhaut
{
margin-top: 20px;
text-align: center;
}
#boutonhaut a {
margin: 0px 5px;
}
#boutonhaut a img{
border: none;
}
#gauche {
height:297px;
width:221px;
margin-top: 10px;
margin-left:0px;
background-image:url(gauche.jpg);
float: left;
}
#droit {
height:300px;
width:222px;
margin-top: 10px;
background-image:url(droite.jpg);
float: right;
}
#centre {
height: 295px;
width: 577px;
margin-top: 10px;
overflow: auto;
background-image:url(contenu.jpg);
}
#boutonbas {
height: 71px;
margin-top: 10px;
text-align: center;
}
#boutonbas a {
margin: 0px 5px;
}
#boutonbas a img{
border: none;
}
a:link {
font-family:arial;
font-size:100%;
color: #FFFFFF;
background-color:transparent;
text-decoration:none;
}
a:visited {
font-family:arial;
font-size:100%;
color: #FFFFFF;
background-color:transparent;
text-decoration:none;
}
a:hover {
font-family:arial;
font-size:100%;
color: #FFFFFF;
background-color:transparent;
text-decoration:none;
}
Ainsi que la page d'accueil de mon site :
http://www.kinouche.com/accueil.htm
Il y a aussi un autre problème ( uniquement sous IE... ^^ ) il s'agit en fait du fond centrale qui au lieu de rester fixe, se reproduit au fur et a mesure que l'on descend avec la scrollbar ( ex : sur la page contact )
J'ai cherché pendant des heures sur le net sans trouver de réponses...
Merci d'avance de vos réponses, et je vous souhaite à tous une très bonne journée =)