Centrer une page au milieu de l'ecran

Résolu

Écran
Google chrome

gaya_102 -
titusclao - 9 oct. 2014 à 11:13

Bonjour,
je voudrais centrer ma page au milieu de l'écran

http://www.sandrineetgwen.fr/emelinejourj.php

je dois utiliser les padding et marging?

merci d'avance de votre aide

Afficher la suite

Répondre (10) Posez votre question

Répondre (10)

A voir également:

Comment recentrer la page google
Recentrer page google - Meilleures réponses
Comment recentrer la page google chrome - Meilleures réponses
Google maps satellite - Guide
Probleme page internet decaler a droite ✓ - Forum Réseaux sociaux
Dns google - Guide
Mon écran est décalé sur la droite,comment le remettre normal? ✓ - Forum Windows
Mon écran d'accueil google chrome est décalé à droite - Forum Google Chrome

10 réponses

Réponse 1 / 10

Meilleure réponse

La meilleure réponse est la réponse qui a été validée par nos équipes.

djflexlive Messages postés 557 Date d'inscription Statut Membre Dernière intervention 95

Expliques un peu, ca pourra servir aux autres ;)

C'est le principe aussi de demander de l'aide ; quand on à trouvé la solution : de partager :)

Réponse 2 / 10

KorriganVehuiah Messages postés 171 Date d'inscription Statut Membre Dernière intervention 70

De fait, le débat est sans fin mais ô combien passionnant ^^

Pour ma part, je crois que nous devons forcer les navigateurs web à accepter les standards. Tous le font déjà sauf un. Pourquoi l'attendre ? De plus, si j'ai bien compris, MS va retirer de IE8 le moteur hasLayout, qui est une des raisons qui fout la merde dans l'interprétation du CSS \o/

Si on commence à dire oui mais non c'est aux éditeurs de navigateur de commencer, c'est au visiteur d'avoir le matos,... on n'ira jamais nulle part. Les webmasters sont un groupe de pression qui s'ignore ;)

Réponse 3 / 10

KorriganVehuiah Messages postés 171 Date d'inscription Statut Membre Dernière intervention 70

Dans ce cas :

body {
position: absolute;
top: 50%;
margin-top: -(la moitié de la hauteur de ton design)px;
}

Attention : n'oublie pas le - (moins) devant le nombre de pixels. Cette technique va amener le haut de ton design au centre de la page, puis la marge négative va le centrer...

Réponse 4 / 10

djflexlive Messages postés 557 Date d'inscription Statut Membre Dernière intervention 95

Si je raconte pas de bétises :

Il te faut utiliser du JS pour détecter la hauteur de la page, coté client.
Ainsi il pourra calculerr (le calcul du js), la hauteur d'un 'top' en css.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 10

djflexlive Messages postés 557 Date d'inscription Statut Membre Dernière intervention 95

Si je raconte pas de bétises :

Il te faut utiliser du JS pour detecter la hauteur de la page, coté client.
Ainsi il pourra calculerr (le calcul du js), la hauteur d'un 'top' en css.

gaya_102

merci beaucoup problème résolu

Réponse 6 / 10

KorriganVehuiah Messages postés 171 Date d'inscription Statut Membre Dernière intervention 70

Bonjour !

Chez moi ça s'affiche au centre...

Sinon :

body {
width : (à définir selon la largeur de ton design);
margin: auto;
}

gaya_102

oui au centre dans la largeur mais en fait je voudrais au centre dans la hauteur

titusclao

pour le calage de ton margin la ref est 12h 15h 18h 21h
je m'explique margin: 0px auto opx auto veut dire que ton site ce calle
automatiquement vis à vis de la droite et gauche.
12h haut - 15h coté droit - 18h bas 21h coté gauche. même principe pour le padding qui la est lui pour le positionnement du contenu dans ta cellule ou div.
Bien à vous!

Réponse 7 / 10

KorriganVehuiah Messages postés 171 Date d'inscription Statut Membre Dernière intervention 70

djflexlive : attention au fait que le javascript n'est pas accessible pour tout le monde. Chez quelqu'un qui a désactivé le JS ou qui a un navigateur qui ne le supporte pas, ce ne sera pas centré sur la hauteur.

La solution CSS que j'ai donné plus haut est 100% accessible et lisible par tous les (bons) navigateurs graphiques... Le seul qui pourrait encore foirer est IE6, et encore...

Réponse 8 / 10

djflexlive Messages postés 557 Date d'inscription Statut Membre Dernière intervention 95

Ca pourrait être un débat sans fin, chacun à ses opinions certes :)

Ceci dit je soulignerais :

Je sais, c'est un peu couper les cheveux en quatre, mais il suffirait que tout le monde fasse un petit effort pour que le Web soit vraiment un espace ouvert.

> A commencer par les éditeurs de navigateur web, non ? ;)

Réponse 9 / 10

djflexlive Messages postés 557 Date d'inscription Statut Membre Dernière intervention 95

Hé oui Js n'est pas toujours accessible je sais bien ... Mais des fois il est parfois très pratique et inévitable.

Oui, on peut toujours éviter Js, ceci cela, à cause des navigateurs textes & Co ; mais ceci dit :

- Il faut déjà faire une version compatible sur au moins FF,ie6 & ie7
- Un site est fait pour etre visité avec un navigateur digne de son nom : FF :p
- Faire un site qui est accessible à la plupart des visiteurs est déjà bien ; si certains sont paranos , on n'y peut rien.

Désactiver Js pour aller sur des sites sensibles, ok je veux bien. Après de là a tout désactiver, ca ne sert plus à rien de surfer ...

-1

Réponse 10 / 10

KorriganVehuiah Messages postés 171 Date d'inscription Statut Membre Dernière intervention 70

Je me permets quelques précisions...

Hé oui Js n'est pas toujours accessible je sais bien ... Mais des fois il est parfois très pratique et inévitable.
Avec un peu d'imagination, JS est TRES souvent évitable, surtout pour des sites statiques. On a tendance à utiliser JS à la place de tout et n'importe quoi. Les propriétés JS accessibles et inévitables rentrent souvent dans le cadre du standard DOM.

Oui, on peut toujours éviter Js, ceci cela, à cause des navigateurs textes & Co ; mais ceci dit :
Il n'y a pas que les navigateurs texte. Il y a aussi les lecteurs d'écran et les plages braille pour les aveugles et mal-voyants

- Il faut déjà faire une version compatible sur au moins FF,ie6 & ie7
C'est une base, mais ce serait oublier Safari, Google Chrome et Opera...
- Un site est fait pour etre visité avec un navigateur digne de son nom : FF :p
Un site est fait pour être visité avec ce qu'on peut. Les gens qui utilisent les navigateurs texte n'ont pas forcément le choix... Et pour info (et ça m'arrache la gueule de le dire) le navigateur le plus respectueux des standards à l'heure actuelle est Safari 3.
- Faire un site qui est accessible à la plupart des visiteurs est déjà bien ; si certains sont paranos , on n'y peut rien.
Effectivement, c'est déjà bien, mais ce n'est pas suffisant pour garantir l'accessibilité du net à ceux qui en sont exclus à l'heure actuelle. Il n'y a pas que la parano, il y a aussi le handicap et le manque de moyens techniques...

Désactiver Js pour aller sur des sites sensibles, ok je veux bien. Après de là a tout désactiver, ca ne sert plus à rien de surfer ...
C'est sans compter sur les navigateurs qui n'ont pas de support JavaScript ^^

Je sais, c'est un peu couper les cheveux en quatre, mais il suffirait que tout le monde fasse un petit effort pour que le Web soit vraiment un espace ouvert. L'accessibilité n'est pas tellement compliquée à atteindre, surtout quand, comme dans ce cas précis, il existe une technique plus facile à mettre en place et 100% accessible ;)

-1

Répondre Posez votre question

Votre réponse

Discussions similaires

mettre Google sur le bureau

gil -
pitoka -

5 réponses

probleme page internet decaler a droite

julie -
mohsin-majestic -

14 réponses

Avoir un volet sur la gauche dans chrome avec les favoris en per

Giuse.exe -
Giuse.exe -

8 réponses

Comment enlever les pubs qui s'affichent en bas de mon écran?

JustLoulou -
JustLoulou -

4 réponses

Barre de recherche Google disparue (comment la remettre ?) sur Android

Utilisateur anonyme -
Usb -

17 réponses

mon écran est décalé sur la droite,comment le remettre normal?

minouche -
radames -

16 réponses

Devenez membre en quelques clics

Connectez-vous simplement avec ceux qui partagent vos intérêts
Suivez vos discussions facilement et obtenez plus de réponses
Mettez en avant votre expertise et aidez les autres membres
Profitez de nombreuses fonctionnalités supplémentaires en vous inscrivant

S'inscrire