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

Publications (X)HTML et CSS Discussion :

Gérer les marges en CSS


Sujet :

Publications (X)HTML et CSS

  1. #1
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut Gérer les marges en CSS


    Pascale Lambert continue sa série et nous propose un nouvel article sur le CSS, destiné aux débutants, dans lequel elle nous montre comment bien gérer les marges en CSS.

    N'hésitez pas à faire part de vos remarques, questions et encouragements à la suite de ce message.

    Voir aussi les cours et tutoriels CSS.

    Merci à elle

  2. #2
    xwz
    xwz est déconnecté
    Membre du Club
    Profil pro
    Analyste programmeur
    Inscrit en
    Décembre 2005
    Messages
    48
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Analyste programmeur

    Informations forums :
    Inscription : Décembre 2005
    Messages : 48
    Points : 63
    Points
    63
    Par défaut
    Petit détail à ne pas oublier pour la partie "Le modèle des boites (box model)" : Sur firefox le padding l'ajoute aux width/height mais sur internet explorer ce n'est pas le cas, donc dans l'exemple avec un width: 200; et padding: 40; sur firefox le bloc fait bien 280px avec une zone de texte de 200 mais sur internet explorer la zone de texte fait 120px et le bloc en fait 200.

    Pour les autres navigateurs je ne me souviens plus trop, ça fait un moment que je n'ai pas fait de dev. web mais il me semble que internet explorer reste encore une fois la seule exception.

  3. #3
    Invité
    Invité(e)
    Par défaut
    Il aurait été intéressant à mon avis de parler du concept de fusion des marges.
    Beaucoup de gens y son confrontés sans le savoir, et cela reste un principe peu connu ( mais très important ) de la norme CSS.

  4. #4
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Il y a une petite suite qui traite du cas de la fusion des marges ou encore celui d'Internet Explorer : Débutant : Résoudre les problèmes de marges en CSS

  5. #5
    xwz
    xwz est déconnecté
    Membre du Club
    Profil pro
    Analyste programmeur
    Inscrit en
    Décembre 2005
    Messages
    48
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Analyste programmeur

    Informations forums :
    Inscription : Décembre 2005
    Messages : 48
    Points : 63
    Points
    63
    Par défaut
    bon, si elle a pensé à tout, je n'ai rien à ajouté, c'est parfait .

  6. #6
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 748
    Points
    3 748
    Par défaut
    Citation Envoyé par xwz Voir le message
    Petit détail à ne pas oublier pour la partie "Le modèle des boites (box model)" : Sur firefox le padding l'ajoute aux width/height mais sur internet explorer ce n'est pas le cas
    Si, c'est le cas.
    C'est en mode de rendu Quirks qu'IE utilise son propre modèle de boite (celui que tu décrives).

Discussions similaires

  1. Débutant : Gérer les marges en CSS
    Par Kerod dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 30/06/2010, 11h03
  2. Réponses: 3
    Dernier message: 14/05/2010, 22h24
  3. Gérer les retour à la ligne avec VBA (marge de droite)
    Par beegees dans le forum Macros et VBA Excel
    Réponses: 3
    Dernier message: 23/09/2008, 19h33
  4. Réponses: 3
    Dernier message: 19/05/2006, 12h05

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