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.
Ca marche très bien sur IE.
Mais comme pour que ça marche j'ai aussi du enlever le position : absolute du pieds de page...
... et bien sur Firefox, le corps descend jusqu'en bas de la page (lorsque les pages ne font pas toute la hauteur de l'ecran le corps s'ajuste automatiquement à la hauteur de l'écran). Mais le pied de page se positionne au niveau du bas réel de la page...
Ca doit pas être tres clair ce que j'ai dis...
En effet (-;
Je vais essayer de dessiner la page :
Donc ca c'est ma page :
_____________________
|...................................| }
|...................................| }
|...................................| }Contenu de la page
|...................................| }
|...................................| }
|...................................| }
|XXXXXXXXXXXXXXXXX.| <- pied de page qui se met bien en bas
|...................................| du contenu de la page
|...................................|
|...................................| } Ici le fonds de la page continue au lieu
_____________________ } de s'arrêter au niveau du pied de page
Un dessin vaut mieux qu'un long discours... j'espere que c'est plus comprehensible ???
Merci pour le coup de main en tout cas.