+ Répondre à la discussion Actualité déjà publiée
  1. #1
    Rédacteur

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

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

    Informations forums :
    Inscription : juin 2008
    Messages : 23 648
    Points : 91 400
    Points
    91 400
    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
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

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

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : décembre 2005
    Messages : 45
    Points : 60
    Points
    60

    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
    Membre actif Avatar de yotsumi
    Profil pro
    Inscrit en
    mars 2005
    Messages
    190
    Détails du profil
    Informations personnelles :
    Âge : 29
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations forums :
    Inscription : mars 2005
    Messages : 190
    Points : 206
    Points
    206

    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.
    Studio-Dev | Mon blog technique | CV
    Si tu ne sais pas : demande, si tu sais : partage ! (© PCI)

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

    Informations forums :
    Inscription : septembre 2004
    Messages : 11 674
    Points : 20 431
    Points
    20 431

    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
    Développeur informatique
    Inscrit en
    décembre 2005
    Messages
    45
    Détails du profil
    Informations personnelles :
    Âge : 30
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : décembre 2005
    Messages : 45
    Points : 60
    Points
    60

    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 : 32
    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 747
    Points
    3 747

    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).
    Je ne réponds pas aux questions techniques par MP.

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, 10h03
  2. Réponses: 3
    Dernier message: 14/05/2010, 21h24
  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, 18h33
  4. Réponses: 3
    Dernier message: 19/05/2006, 11h05

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