FP Sites for both PC & Mac viewing

T

Tessa Ford

After all these years of happily designing sites for PC
users, I have now come up with an interesting issue.

Sites that are viewed by Mac users, do not show correctly
ie, not the same as viewed on a PC.

Does anyone know about this and if so, what on earth do I
do? I always thought that if you put most things in
tables etc, then it would be fine, but if there is
something I am missing, please let me know!!
 
J

JPKarlsen [FP MVP]

By default IE6 operates in what is known as quirk mode but IE on Mac runs in standards mode. To make IE6 run in standards mode you need to apply a prober doctype to the document as the very first thing on the page. Here is an example:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

What doctype to choose is up to you. To learn about doctypes visit http://www.w3.org/QA/Tips/Doctype For information about Doctype switching visit: http://gutfeldt.ch/matthias/articles/doctypeswitch.html


Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.






nntp://msnews.microsoft.com/microsoft.public.frontpage.client/<[email protected]>

After all these years of happily designing sites for PC
users, I have now come up with an interesting issue.

Sites that are viewed by Mac users, do not show correctly
ie, not the same as viewed on a PC.

Does anyone know about this and if so, what on earth do I
do? I always thought that if you put most things in
tables etc, then it would be fine, but if there is
something I am missing, please let me know!!

[microsoft.public.frontpage.client]
 
T

Tessa Ford

Thanks for that. I had a look at the w3 site to learn
more about doctypes and I'm afraid I wouldn't know where
to start! Would you be so kind as to look at the site I
have in question and let me know what doctype to put in so
that the site can be equally viewed by both Mac users and
PC users? The site is http://www.skycabs.co.nz. Thanks
and by the way, do I put the code in each and every page
or just the home page?

Also, if most of my sites have no frameset etc, can I just
use the one doctype for all?

Thanks
-----Original Message-----
By default IE6 operates in what is known as quirk mode
but IE on Mac runs in standards mode. To make IE6 run in
standards mode you need to apply a prober doctype to the
document as the very first thing on the page. Here is an
example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
What doctype to choose is up to you. To learn about
doctypes visit http://www.w3.org/QA/Tips/Doctype For
information about Doctype switching visit:
http://gutfeldt.ch/matthias/articles/doctypeswitch.html
Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
nntp://msnews.microsoft.com/microsoft.public.frontpage.clie
nt/ said:
After all these years of happily designing sites for PC
users, I have now come up with an interesting issue.

Sites that are viewed by Mac users, do not show correctly
ie, not the same as viewed on a PC.

Does anyone know about this and if so, what on earth do I
do? I always thought that if you put most things in
tables etc, then it would be fine, but if there is
something I am missing, please let me know!!

[microsoft.public.frontpage.client]
.
 
K

Kathleen Anderson [MVP - FP]

Tessa:
For most of your pages, you can use this DOCTYPE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

and yes, you should add it to every page - it goes before the <html> tag (in
HTML View).

For Frames pages, you would use this DOCTYPE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">



--
~ Kathleen Anderson
Microsoft MVP - FrontPage
Spider Web Woman Designs
http://www.spiderwebwoman.com/resources/
Connect to the Newsgroups with Outlook Express
http://www.tushar-mehta.com/misc_tutorials/oe_ng/index.html





Tessa Ford said:
Thanks for that. I had a look at the w3 site to learn
more about doctypes and I'm afraid I wouldn't know where
to start! Would you be so kind as to look at the site I
have in question and let me know what doctype to put in so
that the site can be equally viewed by both Mac users and
PC users? The site is http://www.skycabs.co.nz. Thanks
and by the way, do I put the code in each and every page
or just the home page?

Also, if most of my sites have no frameset etc, can I just
use the one doctype for all?

Thanks
-----Original Message-----
By default IE6 operates in what is known as quirk mode
but IE on Mac runs in standards mode. To make IE6 run in
standards mode you need to apply a prober doctype to the
document as the very first thing on the page. Here is an
example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
What doctype to choose is up to you. To learn about
doctypes visit http://www.w3.org/QA/Tips/Doctype For
information about Doctype switching visit:
http://gutfeldt.ch/matthias/articles/doctypeswitch.html
Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
nntp://msnews.microsoft.com/microsoft.public.frontpage.clie
nt/ said:
After all these years of happily designing sites for PC
users, I have now come up with an interesting issue.

Sites that are viewed by Mac users, do not show correctly
ie, not the same as viewed on a PC.

Does anyone know about this and if so, what on earth do I
do? I always thought that if you put most things in
tables etc, then it would be fine, but if there is
something I am missing, please let me know!!

[microsoft.public.frontpage.client]
.
 
T

Tessa Ford

Thanks Kathleen. Do I need to change the url within this
code to reflect my site or do I purely leave it as it is
and just slot it in?
-----Original Message-----
Tessa:
For most of your pages, you can use this DOCTYPE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

and yes, you should add it to every page - it goes before
the said:
HTML View).

For Frames pages, you would use this DOCTYPE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">



--
~ Kathleen Anderson
Microsoft MVP - FrontPage
Spider Web Woman Designs
http://www.spiderwebwoman.com/resources/
Connect to the Newsgroups with Outlook Express
http://www.tushar- mehta.com/misc_tutorials/oe_ng/index.html





Tessa Ford said:
Thanks for that. I had a look at the w3 site to learn
more about doctypes and I'm afraid I wouldn't know where
to start! Would you be so kind as to look at the site I
have in question and let me know what doctype to put in so
that the site can be equally viewed by both Mac users and
PC users? The site is http://www.skycabs.co.nz. Thanks
and by the way, do I put the code in each and every page
or just the home page?

Also, if most of my sites have no frameset etc, can I just
use the one doctype for all?

Thanks
-----Original Message-----
By default IE6 operates in what is known as quirk mode
but IE on Mac runs in standards mode. To make IE6 run in
standards mode you need to apply a prober doctype to the
document as the very first thing on the page. Here is an
example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
What doctype to choose is up to you. To learn about
doctypes visit http://www.w3.org/QA/Tips/Doctype For
information about Doctype switching visit:
http://gutfeldt.ch/matthias/articles/doctypeswitch.html
Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
nntp://msnews.microsoft.com/microsoft.public.frontpage.clie
nt/ said:
After all these years of happily designing sites for PC
users, I have now come up with an interesting issue.

Sites that are viewed by Mac users, do not show correctly
ie, not the same as viewed on a PC.

Does anyone know about this and if so, what on earth do I
do? I always thought that if you put most things in
tables etc, then it would be fine, but if there is
something I am missing, please let me know!!

[microsoft.public.frontpage.client]
.

.
 
S

Stefan B Rusynko

No
The URL in the doctype tag must point to the W3C

The doctype alone won't fix your problems

You have illegal html
<body background="images/background1.jpg" bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0"
topmargin="0"><onload="resetSubmenus()"><onload="autoOpenSubmenu()">

should be
<body background="images/background1.jpg" bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"
onload="resetSubmenus();autoOpenSubmenu();">

Plus Mac IE does not support inline styles as in <p style="margin-left: 10">
And remove all spaces from file names as in Web Logo Art.jpg (make it Web_Logo_Art.jpg)
Your page references styles that are not defined: class="bodytype" and class="pinktype-keyword"

PS
The space bar is not a design tool - use tables instead





| Thanks Kathleen. Do I need to change the url within this
| code to reflect my site or do I purely leave it as it is
| and just slot it in?
| >-----Original Message-----
| >Tessa:
| >For most of your pages, you can use this DOCTYPE:
| >
| ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
| Transitional//EN"
| > "http://www.w3.org/TR/html4/loose.dtd">
| >
| >and yes, you should add it to every page - it goes before
| the <html> tag (in
| >HTML View).
| >
| >For Frames pages, you would use this DOCTYPE:
| >
| ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
| > "http://www.w3.org/TR/html4/frameset.dtd">
| >
| >
| >
| >--
| >~ Kathleen Anderson
| >Microsoft MVP - FrontPage
| >Spider Web Woman Designs
| >http://www.spiderwebwoman.com/resources/
| >Connect to the Newsgroups with Outlook Express
| >http://www.tushar-
| mehta.com/misc_tutorials/oe_ng/index.html
| >
| >
| >
| >
| >
| >> Thanks for that. I had a look at the w3 site to learn
| >> more about doctypes and I'm afraid I wouldn't know where
| >> to start! Would you be so kind as to look at the site I
| >> have in question and let me know what doctype to put in
| so
| >> that the site can be equally viewed by both Mac users
| and
| >> PC users? The site is http://www.skycabs.co.nz. Thanks
| >> and by the way, do I put the code in each and every page
| >> or just the home page?
| >>
| >> Also, if most of my sites have no frameset etc, can I
| just
| >> use the one doctype for all?
| >>
| >> Thanks
| >>
| >>> -----Original Message-----
| >>> By default IE6 operates in what is known as quirk mode
| >> but IE on Mac runs in standards mode. To make IE6 run in
| >> standards mode you need to apply a prober doctype to the
| >> document as the very first thing on the page. Here is an
| >> example:
| >>>
| >>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
| >>
| Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
| >>>
| >>> What doctype to choose is up to you. To learn about
| >> doctypes visit http://www.w3.org/QA/Tips/Doctype For
| >> information about Doctype switching visit:
| >> http://gutfeldt.ch/matthias/articles/doctypeswitch.html
| >>>
| >>>
| >>> Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
| >>>
| >>>
| >>>
| >>>
| >>>
| >>>
| >>>
| >>
| nntp://msnews.microsoft.com/microsoft.public.frontpage.clie
| >> nt/<[email protected]>
| >>>
| >>> After all these years of happily designing sites for PC
| >>> users, I have now come up with an interesting issue.
| >>>
| >>> Sites that are viewed by Mac users, do not show
| correctly
| >>> ie, not the same as viewed on a PC.
| >>>
| >>> Does anyone know about this and if so, what on earth
| do I
| >>> do? I always thought that if you put most things in
| >>> tables etc, then it would be fine, but if there is
| >>> something I am missing, please let me know!!
| >>>
| >>> [microsoft.public.frontpage.client]
| >>> .
| >
| >.
| >
 
J

JPKarlsen [FP MVP]

Or preferably CSS positioning. Tables are for tabular data but has also been used to structure a page because before CSS there was no other way to do that.


Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.


nntp://msnews.microsoft.com/microsoft.public.frontpage.client/<[email protected]>

PS
The space bar is not a design tool - use tables instead

[microsoft.public.frontpage.client]
 
T

Tessa Ford

Thanks Stefan. I am not entirely sure what you mean
by "Your page references styles that are not defined:
class="bodytype" and class="pinktype-keyword"", as I
unfortunately inherited this site which was designed in a
different program and I have had to modify it in FP with a
new javascript menu bar which I purchased.

What do you also mean by the "space bar"?

-----Original Message-----
No
The URL in the doctype tag must point to the W3C

The doctype alone won't fix your problems

You have illegal html
<body background="images/background1.jpg"
bgcolor="#ffffff" leftmargin="0" marginheight="0"
marginwidth="0"
topmargin="0"><onload="resetSubmenus
()"> said:
should be
<body background="images/background1.jpg"
bgcolor="#ffffff" leftmargin="0" marginheight="0"
marginwidth="0" topmargin="0"
onload="resetSubmenus();autoOpenSubmenu();">

Plus Mac IE does not support inline styles as in <p style="margin-left: 10">
And remove all spaces from file names as in Web Logo
Art.jpg (make it Web_Logo_Art.jpg)
Your page references styles that are not defined:
class="bodytype" and class="pinktype-keyword"
PS
The space bar is not a design tool - use tables instead





| Thanks Kathleen. Do I need to change the url within this
| code to reflect my site or do I purely leave it as it is
| and just slot it in?
| >-----Original Message-----
| >Tessa:
| >For most of your pages, you can use this DOCTYPE:
| >
| ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
| Transitional//EN"
| > "http://www.w3.org/TR/html4/loose.dtd">
| >
| >and yes, you should add it to every page - it goes before
| the <html> tag (in
| >HTML View).
| >
| >For Frames pages, you would use this DOCTYPE:
| >
| ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
| > "http://www.w3.org/TR/html4/frameset.dtd">
| >
| >
| >
| >--
| >~ Kathleen Anderson
| >Microsoft MVP - FrontPage
| >Spider Web Woman Designs
| >http://www.spiderwebwoman.com/resources/
| >Connect to the Newsgroups with Outlook Express
| >http://www.tushar-
| mehta.com/misc_tutorials/oe_ng/index.html
| >
| >
| >
| >
| >
| >> Thanks for that. I had a look at the w3 site to learn
| >> more about doctypes and I'm afraid I wouldn't know where
| >> to start! Would you be so kind as to look at the site I
| >> have in question and let me know what doctype to put in
| so
| >> that the site can be equally viewed by both Mac users
| and
| >> PC users? The site is http://www.skycabs.co.nz. Thanks
| >> and by the way, do I put the code in each and every page
| >> or just the home page?
| >>
| >> Also, if most of my sites have no frameset etc, can I
| just
| >> use the one doctype for all?
| >>
| >> Thanks
| >>
| >>> -----Original Message-----
| >>> By default IE6 operates in what is known as quirk mode
| >> but IE on Mac runs in standards mode. To make IE6 run in
| >> standards mode you need to apply a prober doctype to the
| >> document as the very first thing on the page. Here is an
| >> example:
| >>>
| >>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
| >>
|
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
| >>>
| >>> What doctype to choose is up to you. To learn about
| >> doctypes visit http://www.w3.org/QA/Tips/Doctype For
| >> information about Doctype switching visit:
| >> http://gutfeldt.ch/matthias/articles/doctypeswitch.html
| >>>
| >>>
| >>> Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
| >>>
| >>>
| >>>
| >>>
| >>>
| >>>
| >>>
| >>
| nntp://msnews.microsoft.com/microsoft.public.frontpage.clie
| >> nt/<[email protected]>
| >>>
| >>> After all these years of happily designing sites for PC
| >>> users, I have now come up with an interesting issue.
| >>>
| >>> Sites that are viewed by Mac users, do not show
| correctly
| >>> ie, not the same as viewed on a PC.
| >>>
| >>> Does anyone know about this and if so, what on earth
| do I
| >>> do? I always thought that if you put most things in
| >>> tables etc, then it would be fine, but if there is
| >>> something I am missing, please let me know!!
| >>>
| >>> [microsoft.public.frontpage.client]
| >>> .
| >
| >.
| >


.
 
S

Stefan B Rusynko

The space bar on your key board




| Thanks Stefan. I am not entirely sure what you mean
| by "Your page references styles that are not defined:
| class="bodytype" and class="pinktype-keyword"", as I
| unfortunately inherited this site which was designed in a
| different program and I have had to modify it in FP with a
| new javascript menu bar which I purchased.
|
| What do you also mean by the "space bar"?
|
|
| >-----Original Message-----
| >No
| >The URL in the doctype tag must point to the W3C
| >
| >The doctype alone won't fix your problems
| >
| >You have illegal html
| > <body background="images/background1.jpg"
| bgcolor="#ffffff" leftmargin="0" marginheight="0"
| marginwidth="0"
| >topmargin="0"><onload="resetSubmenus
| ()"><onload="autoOpenSubmenu()">
| >
| >should be
| ><body background="images/background1.jpg"
| bgcolor="#ffffff" leftmargin="0" marginheight="0"
| marginwidth="0" topmargin="0"
| >onload="resetSubmenus();autoOpenSubmenu();">
| >
| >Plus Mac IE does not support inline styles as in <p
| style="margin-left: 10">
| >And remove all spaces from file names as in Web Logo
| Art.jpg (make it Web_Logo_Art.jpg)
| >Your page references styles that are not defined:
| class="bodytype" and class="pinktype-keyword"
| >
| >PS
| >The space bar is not a design tool - use tables instead
| >
| >
| >--
| >
| >_____________________________________________
| >SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| >"Warning - Using the F1 Key will not break anything!" (-;
| >To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| >_____________________________________________
| >
| >
| | >| Thanks Kathleen. Do I need to change the url within
| this
| >| code to reflect my site or do I purely leave it as it is
| >| and just slot it in?
| >| >-----Original Message-----
| >| >Tessa:
| >| >For most of your pages, you can use this DOCTYPE:
| >| >
| >| ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
| >| Transitional//EN"
| >| > "http://www.w3.org/TR/html4/loose.dtd">
| >| >
| >| >and yes, you should add it to every page - it goes
| before
| >| the <html> tag (in
| >| >HTML View).
| >| >
| >| >For Frames pages, you would use this DOCTYPE:
| >| >
| >| ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
| Frameset//EN"
| >| > "http://www.w3.org/TR/html4/frameset.dtd">
| >| >
| >| >
| >| >
| >| >--
| >| >~ Kathleen Anderson
| >| >Microsoft MVP - FrontPage
| >| >Spider Web Woman Designs
| >| >http://www.spiderwebwoman.com/resources/
| >| >Connect to the Newsgroups with Outlook Express
| >| >http://www.tushar-
| >| mehta.com/misc_tutorials/oe_ng/index.html
| >| >
| >| >
| >| >
| >| >
| >| >
| >| >> Thanks for that. I had a look at the w3 site to
| learn
| >| >> more about doctypes and I'm afraid I wouldn't know
| where
| >| >> to start! Would you be so kind as to look at the
| site I
| >| >> have in question and let me know what doctype to put
| in
| >| so
| >| >> that the site can be equally viewed by both Mac users
| >| and
| >| >> PC users? The site is http://www.skycabs.co.nz.
| Thanks
| >| >> and by the way, do I put the code in each and every
| page
| >| >> or just the home page?
| >| >>
| >| >> Also, if most of my sites have no frameset etc, can I
| >| just
| >| >> use the one doctype for all?
| >| >>
| >| >> Thanks
| >| >>
| >| >>> -----Original Message-----
| >| >>> By default IE6 operates in what is known as quirk
| mode
| >| >> but IE on Mac runs in standards mode. To make IE6
| run in
| >| >> standards mode you need to apply a prober doctype to
| the
| >| >> document as the very first thing on the page. Here
| is an
| >| >> example:
| >| >>>
| >| >>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
| >| >>
| >|
| Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
| >| >>>
| >| >>> What doctype to choose is up to you. To learn about
| >| >> doctypes visit http://www.w3.org/QA/Tips/Doctype For
| >| >> information about Doctype switching visit:
| >| >>
| http://gutfeldt.ch/matthias/articles/doctypeswitch.html
| >| >>>
| >| >>>
| >| >>> Regards Jens Peter Karlsen. Microsoft MVP -
| Frontpage.
| >| >>>
| >| >>>
| >| >>>
| >| >>>
| >| >>>
| >| >>>
| >| >>>
| >| >>
| >|
| nntp://msnews.microsoft.com/microsoft.public.frontpage.clie
| >| >> nt/<[email protected]>
| >| >>>
| >| >>> After all these years of happily designing sites
| for PC
| >| >>> users, I have now come up with an interesting issue.
| >| >>>
| >| >>> Sites that are viewed by Mac users, do not show
| >| correctly
| >| >>> ie, not the same as viewed on a PC.
| >| >>>
| >| >>> Does anyone know about this and if so, what on earth
| >| do I
| >| >>> do? I always thought that if you put most things in
| >| >>> tables etc, then it would be fine, but if there is
| >| >>> something I am missing, please let me know!!
| >| >>>
| >| >>> [microsoft.public.frontpage.client]
| >| >>> .
| >| >
| >| >.
| >| >
| >
| >
| >.
| >
 
O

Old Hippie

Upgrade to FrontPage 2003 and ALL your troubles will be solved per the following page on the Microsoft site:

FrontPage 2003 Frequently Asked Questions
http://www.microsoft.com/office/frontpage/prodinfo/faq.mspx
Q. What browsers does FrontPage 2003 support?
A. Sites created with FrontPage 2003 can be viewed in any browser. In fact, FrontPage 2003 allows you to target specific browser or screen resolutions, or see how your site will look in various combinations of browsers and resolutions—including simultaneous previewing of multiple browsers

Billy Gates wouldn't lie to us....would he?
 
Top