Margin et padding non pris en compte

**psychadelic** · 13/09/2018, 16h18

Je sais bien que ma maitrise du css est loin d'être parfaite, mais la je vois pas ou peut être mon erreur, et pourquoi.
Le navigateur refuse de rendre en compte le margin et padding de mon div , il les met à zéro, avec le "message propriété invalide"

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8" />
  <title>test</title>
  <style>
    #Moduz {
      margin: 100;
      padding: 10 0;
      background-color: pink;
    }
  </style>
</head>
 
<body>
  <div id="Moduz" >
    aaa
  </div>
</body>
</html>

si quelqu’un à une explication ?
Je ne sais même pas ou chercher une réponse tellement ce truc me prends au dépourvu

**NoSmoking** · 13/09/2018, 16h52

Bonjour,
il te manque simplement les unités

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#Moduz {
    margin: 100px;
    padding: 10px 0;
    background-color: pink;
}

**psychadelic** · 13/09/2018, 17h13

ah, merci, c'était tellement gros que je ne le voyais pas.

pour excuse j'étais encore dans des scripts SVG, ou on ne met pas les unités de mesures sur les éléments, car celle ci est doit être la même pour tous (vectorisation oblige)

Margin et padding non pris en compte

CSS

Discussions similaires

Partager

Partager