CSS - Cross Browser Display

[SPaigen]

Can anyone point me to a good discussion / description of the differences
between the ways different browsers display CSS? I have found charts showing
which CSS elements are supported or not supported, but no coherent description
of the differences in display between supported elements on different browsers.

Thanks, Susan

[Murray *ACE*]

It would be much simpler if you would mention which elements you are having
a problem with.

The truth is that a) if you have a valid and complete doctype on your pages,
and b) if your pages validate to that doctype, then you will see only
occasionaly differences in the browser display.

--
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
==================


"SPaigen" <webforumsuser@macromedia.com> wrote in message
news:ecd18j$89r$1@forums.macromedia.com...

> Can anyone point me to a good discussion / description of the differences
> between the ways different browsers display CSS? I have found charts
> showing
> which CSS elements are supported or not supported, but no coherent
> description
> of the differences in display between supported elements on different
> browsers.
>
> Thanks, Susan
>

[SPaigen]

Most of the differences I've encountered have related to the "block"
properties: margins & padding, float, width. The tutorials I've worked through,
mostly from the Macromedia Developers site, have all had references to browser
differences, in some cases recommending a separate style sheet for IE6. I don't
have specific code.

[Murray *ACE*]

Do your pages have valid and complete doctypes on them? If so, you can
pretty much ignore IE6 box model problems (although IE5x will still be a
concern if you want to support that antique).

--
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
==================


"SPaigen" <webforumsuser@macromedia.com> wrote in message
news:ecd7f6$fsq$1@forums.macromedia.com...

> Most of the differences I've encountered have related to the "block"
> properties: margins & padding, float, width. The tutorials I've worked
> through,
> mostly from the Macromedia Developers site, have all had references to
> browser
> differences, in some cases recommending a separate style sheet for IE6. I
> don't
> have specific code.
>

[SPaigen]

Yes, the pages have valid and complete doctypes, straight out of one of the Macromedia CSS tutorials.

[Murray *ACE*]

So, you will not see box model problems then. But show me one of these
pages, please, and tell me what problems you *are* seeing.

--
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
==================


"SPaigen" <webforumsuser@macromedia.com> wrote in message
news:ecdfhe$ooi$1@forums.macromedia.com...

> Yes, the pages have valid and complete doctypes, straight out of one of
> the Macromedia CSS tutorials.

[Wynnedobe]

Unfortunately, this [url]http://www.wynnefields.com/resources.html[/url] does not have any
Firefox sample. If I had a Mac, I would recreate the file again with the latest
versions of FF and Safari.

It contains screen shots of the most recent 2-3 versions of IE and Netscape on
Windows and the Macintosh, as well as AOL on Windows. Each version is also
displayed at each of three resolutions.

The presentation is in three layered Photoshop files, each file being one
resolution (1024x768, 800x600, 640x480), and each layer is a different browser
version displayed on a different platform. I hope this helps a bit ...

[Murray *ACE*]

> Unfortunately, this [url]http://www.wynnefields.com/resources.html[/url] does not

> have any
> Firefox sample.

What?

Your page does not have a <head> tag -

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta name

although it does have a </head> tag. If you have one, you must have both.

As for the rest of your post, I have no idea what you are describing - can
you try again?

--
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
==================


"Wynnedobe" <webforumsuser@macromedia.com> wrote in message
news:ecdq2t$6fh$1@forums.macromedia.com...

> Unfortunately, this [url]http://www.wynnefields.com/resources.html[/url] does not
> have any
> Firefox sample. If I had a Mac, I would recreate the file again with the
> latest
> versions of FF and Safari.
>
> It contains screen shots of the most recent 2-3 versions of IE and
> Netscape on
> Windows and the Macintosh, as well as AOL on Windows. Each version is also
> displayed at each of three resolutions.
>
> The presentation is in three layered Photoshop files, each file being one
> resolution (1024x768, 800x600, 640x480), and each layer is a different
> browser
> version displayed on a different platform. I hope this helps a bit ...
>
>

[Wynnefield]

Whoa! That was pretty wild. I am not sure how that got past DW editing, as well
as my browsers' rendering, as the page rendered fine without a <head> tag in IE
and FF.

I have since added the missing tag, but that was pretty crazy?!? Thank you for
the heads up, Murray ...

[Wynnefield]

.... anyway, i believe i missed the original point and thought Susan was looking
for resources regarding the differences in browser rendering "in general"
rather than specific to CSS properties. the file i placed on my site for
download is an example of different browser views as described in my original
post.

sorry, if i missed the point ...

[mjill]

I am having a lot of trouble with saving my CSS setting to the right location.
The problem is that when I look at my webpage from another computer, the fonts
and colors are all wrong. I am trying to figure out how to change it because
right now it is saved onto my C drive and I can't figure out how to change the
location to the same place as my website. I don't understand why it is saved in
anothter location because everything for my website has been saved in the same
folder then transferred to my online space. Please help! Thanks!

[SPaigen]

No, you didn't miss the point, but what I'm looking for is in between your
examples (without code) and Murray's questions about exactly what differences
I'm encountering. I'm looking for an article/book chapter/whole book/blog
entry/tutorial/something which lists as many as possible of the differences,
possibly even with some suggestions for dealing with them. Now I have something
about default margins & padding somewhere in lesson 1 of a tutorial, and
something about clearing divs somewhere in the middle of another tutorial,
and.... When I run into something, even if I have some helpful information I
can't remember where to find it! I'm not expecting a magic bullet to eliminate
problems, just some clues for troubleshooting.

[Murray *ACE*]

Google your topic - "CSS Browser differences".

--
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
==================


"SPaigen" <webforumsuser@macromedia.com> wrote in message
news:ecgmac$lt0$1@forums.macromedia.com...

> No, you didn't miss the point, but what I'm looking for is in between your
> examples (without code) and Murray's questions about exactly what
> differences
> I'm encountering. I'm looking for an article/book chapter/whole book/blog
> entry/tutorial/something which lists as many as possible of the
> differences,
> possibly even with some suggestions for dealing with them. Now I have
> something
> about default margins & padding somewhere in lesson 1 of a tutorial, and
> something about clearing divs somewhere in the middle of another tutorial,
> and.... When I run into something, even if I have some helpful information
> I
> can't remember where to find it! I'm not expecting a magic bullet to
> eliminate
> problems, just some clues for troubleshooting.
>

[Murray *ACE*]

Please start a new topic with this question instead of hijacking someone
else's thread.

The answer, however, is that your local site must be defined improperly.

--
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
==================


"mjill" <webforumsuser@macromedia.com> wrote in message
news:ecfce6$4p6$1@forums.macromedia.com...

>I am having a lot of trouble with saving my CSS setting to the right
>location.
> The problem is that when I look at my webpage from another computer, the
> fonts
> and colors are all wrong. I am trying to figure out how to change it
> because
> right now it is saved onto my C drive and I can't figure out how to change
> the
> location to the same place as my website. I don't understand why it is
> saved in
> anothter location because everything for my website has been saved in the
> same
> folder then transferred to my online space. Please help! Thanks!
>