cross browser differences

[babayard-a]

To all that contribute to these user forums: thank you. You are a tremendous
help.

Even with all that info, I just can't get my head around positioning with CSS.
I have read and completed tutorials to great success, but when writing my own
code, the pages bust apart when viewing in Mozilla.

Problem:
In mozilla, content_2 DIV shows up underneath content_1 DIV when it should
show up to the right (like it does in IE). This must have something to do with
"float," but I sure can't figure it out. See links to test page and CSS below.

Additionally, I have two questions:

1. There are various descriptions of padding and margin in the tutorials
available, but could someone verify the truth to the way I would state the
difference in my own words: "margin is the distance on the outside of the
element's border, and padding is the distance inside the element's border." Do
I understand the difference correctly, or is that completely wrong? Is there a
better way to think about it?

2. In the homepage test (link below), the footer behaves differently between
IE and Mozilla (in Mozilla, there is more space above and below the text, even
though "left" padding is the only measurement given. Margin is set to 0). What
is causing this difference in rendering? and how to equalize it?

Any insight is greatfully appreciated.

Here are links to test homepage and its external css:

[url]http://www.ashlandgalleries.com/test/index.htm[/url]

[url]http://www.ashlandgalleries.com/css/aga_styles.css[/url]

[url]http://www.ashlandgalleries.com/test/index.htm[/url]

[url]http://www.ashlandgalleries.com/css/aga_styles.css[/url]

[Murray *ACE*]

Post this on the DW forum please - you'll get more exposure over there.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"babayard-a" <webforumsuser@macromedia.com> wrote in message
news:e7qs6k$1k4$1@forums.macromedia.com...

> To all that contribute to these user forums: thank you. You are a
> tremendous
> help.
>
> Even with all that info, I just can't get my head around positioning with
> CSS.
> I have read and completed tutorials to great success, but when writing my
> own
> code, the pages bust apart when viewing in Mozilla.
>
> Problem:
> In mozilla, content_2 DIV shows up underneath content_1 DIV when it should
> show up to the right (like it does in IE). This must have something to do
> with
> "float," but I sure can't figure it out. See links to test page and CSS
> below.
>
> Additionally, I have two questions:
>
> 1. There are various descriptions of padding and margin in the tutorials
> available, but could someone verify the truth to the way I would state the
> difference in my own words: "margin is the distance on the outside of the
> element's border, and padding is the distance inside the element's
> border." Do
> I understand the difference correctly, or is that completely wrong? Is
> there a
> better way to think about it?
>
> 2. In the homepage test (link below), the footer behaves differently
> between
> IE and Mozilla (in Mozilla, there is more space above and below the text,
> even
> though "left" padding is the only measurement given. Margin is set to 0).
> What
> is causing this difference in rendering? and how to equalize it?
>
> Any insight is greatfully appreciated.
>
> Here are links to test homepage and its external css:
>
> [url]http://www.ashlandgalleries.com/test/index.htm[/url]
>
> [url]http://www.ashlandgalleries.com/css/aga_styles.css[/url]
>
> [url]http://www.ashlandgalleries.com/test/index.htm[/url]
>
> [url]http://www.ashlandgalleries.com/css/aga_styles.css[/url]
>