Discussion :

[godsilken]

Bonjour !

Voilà je travaille en ce moment sur ce site : http://7vents.ovh.org
Et je voudrai pouvoir aligner tout mon site au centre de la page déjà (j'ai essayé de l'insérer dans un tableau et de le centrer, mais tout se colle à droite).
J'ai un autre problème, c'est que j'ai créé une "div" nommée footer que j'aimerai faire afficher toujours au bas de ma page, mais je ne vois pas trop comment faire (peut etre avec la position:relative et autre chose, car j'ai déjà testé)

Je vous affiche le CSS de ma div Footer :

.footer{
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #555555;
padding-right:5px;
padding-top:10px;
padding-bottom:10px;
position:absolute;
left: 118px;
top: 265px;
}

Je vous remercie d'avance pour votre aide.

Cdlt Godsilken.

[sevian]

il me semble qu'un simple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
body {
     margin: 0; /* suppression des marges par défaut */
     padding: 0; /* suppression des padding par défaut */
     text-align: center;
}
 
.page {
     margin: auto;
     width: ...;
     text-align: left; /* on rétablit l'alignement a gauche du texte */
}

devrais suffire a centrer la div
j'y ai ajouté un padding a 0, ça peut être utile, surtout si on veut pas se prendre trop la tête en IE et FF

[Erwan31]

j'y ai ajouté un padding a 0, ça peut être utile, surtout si on veut pas se prendre trop la tête en IE et FF

Le padding 0 c'est principalement pour Opera, IE et Firefox utilisent tous deux des margins

[godsilken]

Bonjour !

Déjà je tiens à vous remercier pour votre aide.
J'ai donc effectué vos modification, cela m'a donné le résultat convenu. Seulement j'ai refait ensuite des modifications dans mon fichier CSS et mon problème est revenu !

Je ne sais trouve pas d'ou cela peut provenir j'ai testé mon CSS sur : http://jigsaw.w3.org/css-validator/
et il me donne comme réponse :
Erreur lors de l'analyse grammaticale. - */ .page { position: relative; margin-left: auto; margin-right: auto; width: 800px; text-align: left; padding-top:5px; height:auto; }

et voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
/*Division de toute la page*/
/*La hauteur est en auto car elle dépend du contenu*/
.page {
	 position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     width: 800px;
     text-align: left; /* on rétablit l'alignement normal du texte */
	 padding-top:5px;
	 height:auto;
	 }

celui de mon body au cas ou :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
body {
margin : 0;
text-align : center;
background-color : #ffffff;
height : 100%;
margin-bottom : 1px;
background-image : url(/images/haut.gif);
background-repeat : repeat-x;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 11px;
font-style : normal;
color : #000000;
}

Si vous trouvez mon erreur...

Merci d'avance vous êtes d'une grande aide.

Cdlt Godsilken.

[godsilken]

Problème résolu !! Je m'en suis sorti, une erreur dans mon CSS.
Merci de votre aide !