Will margins look the same in other browsers?

in comp.infosystems.www.authoring.stylesheets, namenotgivenhere wrote:

Will the following css have the same visual result in most modern browsers
as it does in IE6? TIA

p { margin-top: 6px; margin-bottom: 6px}

No.

ul { margin-top: 6px; margin-bottom: 6px}

No.

Both work just fine in technical sence. But different browsers and
computers have different defaults.

For example if I have 5mm high letters on high PPI screen, there seems to
be no space between paragraphs. On low PPI screen, there is noticeable
space.

Note that if you style lists, there is quite different defaults for
different list elements in different browsers.


--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

Will the following css have the same visual result in most modern browsers
as it does in IE6? TIA

p { margin-top: 6px; margin-bottom: 6px}
ul { margin-top: 6px; margin-bottom: 6px}

namenotgivenhere wrote:

Will the following css have the same visual result in most modern browsers
as it does in IE6? TIA

p { margin-top: 6px; margin-bottom: 6px}
ul { margin-top: 6px; margin-bottom: 6px}

Depends.

Is your doctype triggering standards or quirks mode? Should there be
any collapsing margins?

Steve

Steve Pugh wrote:

If p and ul and the only elements you use in yout HTML then the above
styles will give 6px gaps between each adjacent element in conforming
browsers (ignoring cases where users over ride your styles with their
own preferences).

Oh, and allowing for different browsers having different vertical
margins on <li> elements which may affect the appearance of your <ul>s.

Steve