28221 sujets

CSS et mise en forme, CSS3

Balises avec padding et margin par defaut

Bonjour à tous,

Après de nombreuses tentatives et recherches sur internet, je soumet à votre bon vouloir la question suivante:
Parmis ces balises la ou lesquelles a/ont une valeur de padding ou de margin par defaut qui pourrais faire bouger une mise en page xhtml/css2 et comment le corriger?
la serie des <h1> à <h6>, <dl>, <dt>, <dd> ???

Merci d'avance

Sylvain
Modérateur
En fait, bien que ca se rapproche, les paddings et margins par défault changent d'un navigateur à l'autre. Donc ce n'est pas évident de répondre avec précision. Si c'est parce que t'as un problème avec ton interface, retire toutes les margins et paddings de tes éléments et remet-les un à un, question d'isoler le ou les éléments en cause.
Salut disident,

tu trouveras dans les tuto d'Alsa les explications sur les blocs et leurs marges :
ici

et dans le forum "discussions de fond sur les standards en général" un sujet sur les avantages et inconvénients de mettre toutes les marges à zéro au début de la CSS.

Bon courage
Martine
j'ai essayé mais c'est tellement long ! en tout cas c'est sur que ça vient des margin parceque l'utilisation de * { margin: 0px 0px 0px 0px;} enlève mon problème.

Allez un peu de courage sylvain !

Merci en tout cas d'être toujours au taquet Merkel Smiley cligne
Pas si long car dans bien des cas il faut définir margin et padding pour la plupart des éléments, au moins *{margin:0; padding:0;} te fera partir sur une base.
Tu noteras que tu peux ne pas définir toutes les marges (haut, droite, basse, gauche) si elles sont de valeur identique, en plus si c'est une valeur à zéro il n'y a pas besoin d'indiquer l'unité utilisée.
disident a écrit :
Bonjour à tous,
Parmis ces balises la ou lesquelles a/ont une valeur de padding ou de margin par defaut qui pourrais faire bouger une mise en page xhtml/css2 et comment le corriger?
la serie des <h1> à <h6>, <dl>, <dt>, <dd> ???


Tous les éléments blocs HTML sont susceptibles de se voir attribuer des marges ou des padding par défaut par le navigateur. Ces styles par défaut de l'UA ne sont pas normalisés en HTML4.01, ni en XHTML1.x, et il existe donc une certaine variété de comportement. (XHTML2.0 normalisera ces styles... en principe).

Il est donc avisé de préciser systématiquement les données de marge et de padding de chaque élément pour lequel une variation de valeur risque de compromettre le layout. Ceci complète les règles "génériques" données avec :
- le sélecteur universel *
- l'héritage des propriétés données au <body> (en HTML) ou à l'élément <html> (en XHTML traité en tant que tel).

Pour se faire une idée du rôle de ces styles par défaut, voir:
- http://www.w3.org/TR/REC-CSS2/sample.html (purement indicatif, mais repris partiellement par certains navigateurs)
- http://tantek.com/log/2004/09.html#d06t2354
- http://www.meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/
- http://blog-and-blues.org/weblog/2004/09/19/302-gerer-espace-a-gauche-liste-selon-les-navigateurs
- http://www.sovavsiti.cz/css/hr.html
- http://www.opera.com/docs/specs/
merci pour vos réponse j'ai toujours pas trouvé la solution au problème, ça fonctionne sur IE et pas sur firefox (pour ue fois !):

la page qui provoque un décalage de quelques pixels vers la gauche de mon body entier à ces balises en plus:


dl{
    background-color:#cfc;
    border-top: 2px black solid;
    border-bottom: 2px black solid;
}

dt{
    font: bold 12px verdana, arial, sans-serif;
    color: #0E480B;
}
Sujet clos
Aller à