[CSS] Centrer l'ensemble d'une page

Consultez la formation à Google Analytics de WebRankInfo / Ranking Metrics


Bobez
WRInaute impliqué
WRInaute impliqué
 
Messages: 716
Inscription: 20 Mai 2004

[CSS] Centrer l'ensemble d'une page

Message le Jeu Juin 03, 2004 22:44

Décidément, j'en pose des questions aujourd'hui :wink:

Je voudrais faire en sorte que l'ensemble de ma page (qui a une hauteur variable) soit centrée dans la fenètre, à la fois horizontalement et verticalement.
Y-a-t-il un moyen simple de faire ça (en CSS, sans doute avec margin ou padding, mais je n'arrive à rien) ?

Merci ! :)


BadProcESs
WRInaute accro
WRInaute accro
 
Messages: 2657
Inscription: 28 Juil 2003

Message le Jeu Juin 03, 2004 22:50

margin:auto est ton amis.


Gaëtan R.
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 311
Inscription: 26 Avr 2004

Message le Jeu Juin 03, 2004 22:52

Si tu ne le connais pas déjà, je te conseille le site http://www.alsacreations.com/articles/ il y a plein de chose sympas, des tutoriaux, c'est bien expliqué.

Il me semble que ça parle de ton problème dedans. :wink:


lou
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 477
Inscription: 9 Mai 2004

Message le Jeu Juin 03, 2004 23:04

margin-left:1em;
margin-right:1em;
width:auto;

Avec ça tu as un bloc centrer à 1em de chaque bords...
Laisse tomber toute solutions avec les % car IE prend ça en compte differement des standarts.


Bobez
WRInaute impliqué
WRInaute impliqué
 
Messages: 716
Inscription: 20 Mai 2004

Message le Jeu Juin 03, 2004 23:13

BadProcESs a écrit:margin:auto est ton ami.

Effectivement, pratique...mais uniquement pour centrer horizontalement :?

Gaëtan R. a écrit:Si tu ne le connais pas déjà, je te conseille le site h-ttp://www.alsacreations.com/articles/ il y a plein de chose sympas, des tutoriaux, c'est bien expliqué.

Merci pour l'adresse :) Cela dit, aucune solution ne semble parfaitement compatible avec tous les browsers...et la technique des marges négatives ne va pas pour moi car les dimensions de ma page ne sont pas fixes.

Finalement, j'ai choisi de centrer horizontalement ma page et de faire une marge de 10px en haut pour pas que la page soit littéralement collée au bord, et cette solution me convient bien :D

Code: Tout sélectionner
body { margin: auto; margin-top: 10px; }


Merci à tous !


WebRankInfo
Administrateur du site
Administrateur du site
 
Messages: 19415
Inscription: 19 Avr 2002

Message le Jeu Juin 03, 2004 23:44

on en a parlé il y a très peu de temps... as-tu juste regardé dans ce forum ?
comment centrer mon site ?


¥€$
WRInaute passionné
WRInaute passionné
 
Messages: 1349
Inscription: 5 Déc 2002

Message le Ven Juin 04, 2004 8:35



SIBELIUS
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 287
Inscription: 21 Déc 2003

Message le Ven Juin 04, 2004 11:39

Bobez a écrit: Cela dit, aucune solution ne semble parfaitement compatible avec tous les browsers...et la technique des marges négatives ne va pas pour moi car les dimensions de ma page ne sont pas fixes.

Et alors, en quoi cela pose-t-il des problèmes ?
Positionnement absolu n'est pas synonyme de rigidité, tu peux très bien faire des sites fluides en position absolues : http://www.alsacreations.com/blog/index ... on-absolue ;)

binocle
WRInaute discret
WRInaute discret
 
Messages: 164
Inscription: 12 Fév 2004

Message le Ven Juin 04, 2004 13:10



Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Formation recommandée sur ce thème :

Formation Google Analytics : en 2 jours, apprenez comment exploiter l'essentiel des possibilités de l'outil de mesure d'audience de Google. Formation animée par les experts Google Analytics de Ranking Metrics.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité