Eléments HTML avec des marges "intégrées"

En travaillant sur mon premier projet qui utilise complètement css pour la mise en page plutôt que des tableaux comme je suis habitué et à l'aise avec, j'ai rencontré un problème étrange. Apparemment, certains éléments ont des marges intégrées. En d'autres termes, si vous définissez "margin-top: 0px", l'élément est rendu différemment que si vous ne le faites pas. Je n'ai pas remarqué le problème jusqu'à ce que je testais le site dans IE7 qui apparemment ne respecte pas cette fonctionnalité. Jusqu'ici, j'ai remarqué que les éléments h * et l'élément ul l'ont. Est-ce que quelqu'un sait où je peux trouver les autres éléments en ligne qui ont ceci? J'ai essayé de chercher autour du W3C avec très peu de chance. Je suis sûr qu'il est là quelque part puisque tous les navigateurs modernes l'implémentent correctement. Je ne sais pas où trouver cette information.Eléments HTML avec des marges "intégrées"

Source

2010-07-26 John

Il peut y avoir de petites différences entre les navigateurs, mais cela, à partir de la spécification CSS 2.1 doit être assez proche.

http://www.w3.org/TR/CSS21/sample.html

Source

2010-07-26 23:43:38 Alohci

Merci. Les autres réponses étaient très utiles, mais c'était en particulier ce que je cherchais. – John

Attention à la gestion des 'div's et' p'aragraphs dans les clients de messagerie ... ceux-ci diffèrent énormément. –

'form' a également eu une gestion incohérente dans certains navigateurs, et' body' avait l'habitude d'avoir 'padding' au lieu de' margin' dans les anciennes versions d'Opera. – bobince

Vous pouvez consulter YUI de reset.css

http://developer.yahoo.com/yui/reset/

Source

2010-07-26 23:19:51

http://meyerweb.com/eric/tools/css/reset/

c'est un peu célèbre css remis à zéro là-bas.

La partie principale de celui-ci:

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-size: 100%; 
    vertical-align: baseline; 
    background: transparent; 
}

Source

2010-07-26 23:22:26 KakambaWeb

C'est à peu près tous les éléments communs, en l'absence de quelques-uns comme les champs de formulaire qui ridiculiser sans frontières/rembourrage. La plupart d'entre eux n'ont pas de marges par défaut dans un navigateur. – bobince

@bobince - Faites confiance, mais vérifiez :) – KakambaWeb

J'utilise une combinaison d'un reset.css (http://meyerweb.com/eric/tools/css/reset/) et clearfix (http://www.webtoolkit.info/css-clearfix.html) pour mauvaise conduite divs qui contiennent des éléments flottants.

Source

2010-07-26 23:34:36 russjman

Eléments HTML avec des marges "intégrées"

Répondre

Questions connexes