IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

impossible de centrer mon site


Sujet :

Centrer un élément en CSS

  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 2
    Points : 2
    Points
    2
    Par défaut impossible de centrer mon site
    Bonjour tout le monde,
    je suis en train de créer mon site et je n'arrive pas à centrer mon site dans le navigateur pourriez-vous m'aider
    Mon code CSS est en lien ainsi que mon code HTML

    Merci d'avance
    Fichiers attachés Fichiers attachés

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Août 2004
    Messages
    310
    Détails du profil
    Informations personnelles :
    Âge : 48
    Localisation : France

    Informations forums :
    Inscription : Août 2004
    Messages : 310
    Points : 393
    Points
    393
    Par défaut
    Bonjour uribe,

    Pour centrer ton site, il faut ajouter text-align: center; sur le body à cause de IE.

    J'ai remplacé les positions absolues par float et mis une largeur en pourcentage sur le conteneur site.

    J'ai vérifié sur Firefox, IE et Opera.
    Fichiers attachés Fichiers attachés

  3. #3
    Membre émérite
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 52
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Points : 2 907
    Points
    2 907
    Par défaut
    Citation Envoyé par balu
    Pour centrer ton site, il faut ajouter text-align: center; sur le body à cause de IE.
    ça ne répond pas vraiment à son problème actuel qui vient du positionnement absolu qui se rapporte par défaut à la fenêtre et non à son #site centré.

    De plus, avec un doctype correctement renseigné en haut de la page, sans déclaration xml, IE 6 et 7 interprètent correctement le centrage à l'aide du margin:auto puisqu'ils passent alors en mode standard. Le text-align:center n'a d'intérêt que sur les versions inférieures à IE6 qui restent en mode quirks.

    Avec son css, il suffisait de rajouter un position:relative sur le #site afin que celui-ci serve de référence pour le positionnement absolu et le design était centré.

    Par contre c'est une très bonne idée de montrer qu'on peut faire autrement qu'en "tout absolu"

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Août 2004
    Messages
    310
    Détails du profil
    Informations personnelles :
    Âge : 48
    Localisation : France

    Informations forums :
    Inscription : Août 2004
    Messages : 310
    Points : 393
    Points
    393
    Par défaut
    Merci Candygirl d'avoir ajouter la précision à propos du text-align: center;.

  5. #5
    Candidat au Club
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 2
    Points : 2
    Points
    2
    Par défaut
    Merci beaucoup,
    je vais voir avec les deux méthodes et choisir après.
    Bonne continuation.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Impossible de centrer mon site avec margin :auto;
    Par kate59 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 04/02/2010, 16h41
  2. Impossible d'acceder à mon site
    Par skipitou dans le forum Hébergement
    Réponses: 3
    Dernier message: 05/06/2009, 17h40
  3. Impossible d'accéder à mon site de certains endroits
    Par libuma dans le forum Hébergement
    Réponses: 7
    Dernier message: 31/12/2008, 16h07
  4. Probleme avec Doctype pour centrer mon site
    Par zorba49 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 13/12/2007, 11h32
  5. [EasyPHP] impossible d'afficher mon site web depuis un autre PC
    Par bcd_30 dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 3
    Dernier message: 12/10/2007, 15h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo