|
|
|
|
Bonjour à tous,
Ca fait plusieurs jours que j'essayes toutes les solutions que j'ai trouvé sur le net pour centre mon site web en CSS.
Je test pour le moment mon site en local avec EasyPhp sur IE 6 et Firefox.
Sur Firefox, tout va bien mon site se centre.
Par contre sur IE, rien à faire le site reste collé à gauche.
Voici mon code CSS (j'utilise le conteneur global qui inclus toute ma page entre les deux balises body) Je me suis permis de mettre le reste du code CSS au cas ou celui-ci pourrait interferer.
body {
height: 100%;
margin: 0;
background-color: #C9DAFF;
}
div#global {
min-height: 100%;
width: 980px;
margin: auto;
position: absolute;
padding: 0 ;
background: url(images/fondscorps.gif) center repeat-y;
top: 1px;
}
div#center {
/* Pour éviter la superposition
du pied de page et du contenu : */
padding-bottom: 50px;
overflow: auto;
}
div#en_tete
{
width: 980px;
height: 100px;
background-color: #0035AD;
/*background-image: url("images/haut.jpg");*/
background-repeat: no-repeat;
/*margin-bottom: 10px;*/
}
div#menu_verticale
{
width: 980px;
height: 25px;
background: url(images/bandeau980.gif) no-repeat top;
}
div#menu {
float: left;
width: 200px;
height: auto;
/*background: url(images/logoRB.gif) no-repeat bottom right;*/
/*margin-bottom: 40px*/
}
div#corps {
float: right;
width: 780px;
height: auto;
}
div#pied_de_page {
position: absolute;
width: 100%;
height :25px;
bottom: 0px;
}
Merci pour votre aide. J'espère que j'ai été assez clair et précis.
Configuration: Windows XP Internet Explorer 6.0 Firefox
Bonjour,
text-align : center;dans le html { Vois http://css.alsacreations.com/... + Le position: absolute;du body { est inutile. Ton “#menu_verticale” devrait plutôt s'appeler “#menu_horizontal” (-;
|
Essaye : div#pied_de_page {
clear : both;
…Tu pourras peut-être supprimer “bottom: 0px;”.
+ Même s'il est préférable d'avoir la page en vrai, pour les copies d'écran : hebergement gratuit d images et de photos
|
Et pkoi ne mets tu pas simplement un height: auto pour ta div
|