HTML-элементы со «встроенными» полями

Question

Во время работы над моим первым проектом, который полностью использует css для разметки, а не таблиц, к которым я привык и с которыми мне удобно, я столкнулся со странной проблемой. По-видимому, есть некоторые элементы со встроенными полями. Другими словами, если вы установите «margin-top: 0px», то элемент будет отображаться иначе, чем если бы вы этого не делали. На самом деле я не заметил проблемы, пока не начал тестировать сайт в IE7, который явно не уважает эту функциональность.

Пока что я заметил, что элементы h * и ul имеют это. Кто-нибудь знает, где я могу найти другие элементы онлайн, которые имеют это? Я попытался найти W3C без особой удачи. Я уверен, что это где-то там, так как все современные браузеры реализуют это правильно. Я просто не знаю, где найти эту информацию.

Answer 1

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

это довольно известный сброс CSS там.

Основная часть:

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;
}

Answer 2

Вы можете проверить YUI reset.css

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

Answer 3

Могут быть небольшие различия между браузерами, но это, из спецификации CSS 2.1, должно быть довольно близко.

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

Answer 4

Я использую комбинацию reset.css (http://meyerweb.com/eric/tools/css/reset/) и ClearFix (http://www.webtoolkit.info/css-clearfix.html)) для неправильного поведения div, содержащих плавающие элементы.