Discussion :

[hacksi]

Bonjour,

voila je ne connais pas grand chose en css, et je voudrais placer une phrase de mon site en bas de la page en la centrant. Pour le moment je fais :

Code :

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

1
2
3
4
5
6
7
8
9
 
div#footer
{
	position: absolute;
	font-family: arial;
	font-size: 7pt;
	bottom: 0px;
	text-align: center;
}

mais ça ne se centre pas à cause de la position absolute apparemment.

Voila quelqu'un peut-il m'aider ?
Merci

[Erwan31]

Bonjour,
en règle général il vaut mieux que tu donnes au minimum le code HTML correspondant et le CSS complète au alors une page en ligne.
Avec si peu d'élément on ne peut pas te répondre.

Quelques remarques :ton code commenté

Code :

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

1
2
3
4
5
6
7
8
div#footer
{
	position: absolute;
	font-family: arial, sans-serif; /* ne pas oublier la famille générique en dernière valeur*/
	font-size: 0.6em; /* les pt ne sont pas adaptés au média écran, utiliser de préférence les unité relative (% ou em) > 0.6em*/
	bottom: 0; /* quand la valeur est à 0 l'unité est inutile*/
	text-align: center;
}

La taille du texte par default d'une majorité de navigateurs est de 16px = 1em
donc 0.6em équivaut à 9/10px (selon le navigateur) si la taille par default n'a pas été modifié par l'utilisateur.

[Candygirl]

mais ça ne se centre pas à cause de la position absolute apparemment.

Comme l'a souligné Erwan, il faudrait avoir plus d'éléments pour t'assurer une réponse pertinente.

Un "position:absolute" modifie le comportement par défaut d'un type block. L'élément adopte alors la taille de son contenu au lieu d'utiliser tout l'espace à disposition dans son parent. Cela peut être une raison du "non-centrage".

Tu peux essayer d'ajouter un width:100% pour obliger ton footer à occuper tout l'espace à disposition.