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 :

En position absolute, doit-on faire margin-left ou left ?


Sujet :

Positionnement en CSS

  1. #1
    Membre habitué Avatar de Alexandrebox
    Profil pro
    Inscrit en
    Août 2006
    Messages
    635
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 635
    Points : 153
    Points
    153
    Par défaut En position absolute, doit-on faire margin-left ou left ?
    Bonjour,
    J'ai une question qui concerne les règles de css. Les deux marchent, mais je voudrais savoir ce qui est conseillé de faire :
    Premier cas :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    #topsection{
    position:absolute;
    margin-left: 250px;
    }
    Deuxième cas
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    #topsection{
    position:absolute;
    left: 250px;
    }
    D'avance je vous remercie

  2. #2
    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
    Hello,

    En ne spécifiant qu'un margin-left, celui-ci sera appliqué depuis la position par défaut qu'aurait occupé ton élément. En principe cette position devrait être top:0 et left:0 mais sur certains (vieux) navigateurs il se peut qu'il positionne par défaut ton élément ailleurs.

    Par exemple, sauf erreur sur IE6, si tu as un text-align:center appliqué au parent référant, il va centrer ton élément par défaut et donc ton margin-left n'aura pas le même effet que le left.

  3. #3
    Membre habitué Avatar de Alexandrebox
    Profil pro
    Inscrit en
    Août 2006
    Messages
    635
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 635
    Points : 153
    Points
    153
    Par défaut
    Merci modératrice.
    Si j'ai bien compris, en conclusion, ce qu'il faut faire c'es margin-left pour que le script soit compatible à tous les navigateurs.

  4. #4
    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
    Euh non il faut justement plutôt préférer l'utilisation du left

  5. #5
    Membre habitué Avatar de Alexandrebox
    Profil pro
    Inscrit en
    Août 2006
    Messages
    635
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 635
    Points : 153
    Points
    153
    Par défaut
    oups.
    Ok c'est noté il faut faire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    #topsection{
    position:absolute;
    left: 250px;
    }
    Merci modératrice. Je vais clôturer cette discussion

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

Discussions similaires

  1. [CSS] défi avec position absolute et relative
    Par pmartin8 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 30/11/2005, 18h15
  2. [HTML/CSS] position absolute et centrage
    Par LE NEINDRE dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 23/08/2005, 11h11
  3. Réponses: 3
    Dernier message: 12/05/2005, 18h26

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