Will margins look the same in other browsers?

[namenotgivenhere]

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}

[Steve Pugh]

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

[Lauri Raittila]

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>

[namenotgivenhere]

"Steve Pugh" <st**********@gmail.com> wrote in message
news:11**********************@g44g2000cwa.googlegr oups.com...

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

The doctype: <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
I want the margins to be 6px before and after each <p> or <ul>. In IE6 this
style results (to my eyes) in a vertical gap of 12px between any adjacent
<p> or <ul>.

[Lauri Raittila]

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

"Steve Pugh" <st**********@gmail.com> wrote in message

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

Steve

The doctype: <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">

Not that, but thing starting <!DOCTYPE as a first thing in your file. If
there is no such thing, you are in quirks mode, which is not good.
I want the margins to be 6px before and after each <p> or <ul>. In IE6 this
style results (to my eyes) in a vertical gap of 12px between any adjacent
<p> or <ul>.

That's wrong behaviour, margins should collapse.

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

[Steve Pugh]

namenotgivenhere wrote:

"Steve Pugh" <st**********@gmail.com> wrote in message
news:11**********************@g44g2000cwa.googlegr oups.com...

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?

The doctype: <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">

That's not a doctype.
I want the margins to be 6px before and after each <p> or <ul>.
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).
In IE6 this
style results (to my eyes) in a vertical gap of 12px between any adjacent
<p> or <ul>.

IE is wrong as IE isn't collapsing adjacent vertical margins.

Steve

[Steve Pugh]

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