Microsoft Publisher - resolution issues

Author

resolution issues

robmog

2007-01-27, 10:40 pm

What is the best resolution setting for building publisher web sites. I have
been designing mine on my laptop which is a widescreen running at 1680x1050.
I have also been previewing them on my 4:3 extended desktop monitor running
at 1280x1024. They all look fine in both formats when viewed via IE6, Opera9
and firefox. However if I view them in the same browsers on my partners
laptop which has a maximium resolution of 1024 x 768 some of the pages fall
apart completely. I am guessing that this is a resolution problem but oddly
if I set my 4:3 monitor to 1024 x 768 the pages all look fine. It is somewhat
frustrating as I now have no idea what my site looks like to the majority of
people. (www.nigelhenderson.com if anybody would like to take a look and
report back.)

Mike Koewler

2007-01-27, 10:40 pm

A good rule of thumb is to build your web site no wider than 800 pixels,
even 780 is better. Horizontal scroll bars are really not liked these days.

Mike

robmog wrote:
> What is the best resolution setting for building publisher web sites. I have
> been designing mine on my laptop which is a widescreen running at 1680x1050.
> I have also been previewing them on my 4:3 extended desktop monitor running
> at 1280x1024. They all look fine in both formats when viewed via IE6, Opera9
> and firefox. However if I view them in the same browsers on my partners
> laptop which has a maximium resolution of 1024 x 768 some of the pages fall
> apart completely. I am guessing that this is a resolution problem but oddly
> if I set my 4:3 monitor to 1024 x 768 the pages all look fine. It is somewhat
> frustrating as I now have no idea what my site looks like to the majority of
> people. (www.nigelhenderson.com if anybody would like to take a look and
> report back.)

Rob Giordano \(Crash\)

2007-01-27, 10:40 pm

You're waayyy too big. Most people are still using 800 so you should design
at 760 to allow for browser chrome. Or design a fluid table design, but I'm
not sure you can with Publisher.

"robmog" <robmog@discussions.microsoft.com> wrote in message
news:B1F46443-65E2-4EC9-B6E9-30F6117AB33B@microsoft.com...
| What is the best resolution setting for building publisher web sites. I
have
| been designing mine on my laptop which is a widescreen running at
1680x1050.
| I have also been previewing them on my 4:3 extended desktop monitor
running
| at 1280x1024. They all look fine in both formats when viewed via IE6,
Opera9
| and firefox. However if I view them in the same browsers on my partners
| laptop which has a maximium resolution of 1024 x 768 some of the pages
fall
| apart completely. I am guessing that this is a resolution problem but
oddly
| if I set my 4:3 monitor to 1024 x 768 the pages all look fine. It is
somewhat
| frustrating as I now have no idea what my site looks like to the majority
of
| people. (www.nigelhenderson.com if anybody would like to take a look and
| report back.)

DavidF

2007-01-27, 10:40 pm

In addition to what Mike and Rob said, Publisher sites when produced on wide
aspect ratio laptops can look strange. One thing that has helped in some
cases: Right click your desktop > Properties > Settings > Advanced > and
change the font size to a 96 dpi setting. I would guess that you have this
set at 120 dpi, and you may find the text size too small for normal viewing,
but try it for the short term. Then open your Publisher file and produce new
html files and test those.

DavidF

"robmog" <robmog@discussions.microsoft.com> wrote in message
news:B1F46443-65E2-4EC9-B6E9-30F6117AB33B@microsoft.com...
> What is the best resolution setting for building publisher web sites. I
> have
> been designing mine on my laptop which is a widescreen running at
> 1680x1050.
> I have also been previewing them on my 4:3 extended desktop monitor
> running
> at 1280x1024. They all look fine in both formats when viewed via IE6,
> Opera9
> and firefox. However if I view them in the same browsers on my partners
> laptop which has a maximium resolution of 1024 x 768 some of the pages
> fall
> apart completely. I am guessing that this is a resolution problem but
> oddly
> if I set my 4:3 monitor to 1024 x 768 the pages all look fine. It is
> somewhat
> frustrating as I now have no idea what my site looks like to the majority
> of
> people. (www.nigelhenderson.com if anybody would like to take a look and
> report back.)

robmog

2007-01-27, 10:40 pm

In order to compensate for designing on a widescreen display I positioned
everything so that it was still visible when veiwed 4:3, and even allowed for
a "favourites" menu to be open on the left side of the browser. This left
quite a large unused area on the right hand side when viewed widescreen.
Presumably the best solution would be to set both my screens to 800x600 and
actually do the design work on the 4:3 screen

"DavidF" wrote:

> In addition to what Mike and Rob said, Publisher sites when produced on wide
> aspect ratio laptops can look strange. One thing that has helped in some
> cases: Right click your desktop > Properties > Settings > Advanced > and
> change the font size to a 96 dpi setting. I would guess that you have this
> set at 120 dpi, and you may find the text size too small for normal viewing,
> but try it for the short term. Then open your Publisher file and produce new
> html files and test those.
>
> DavidF
>
> "robmog" <robmog@discussions.microsoft.com> wrote in message
> news:B1F46443-65E2-4EC9-B6E9-30F6117AB33B@microsoft.com...
>
>
>

DavidF

2007-01-27, 10:40 pm

Romob,

I have a favor to ask. Would you answer a few questions, and try a test or
two and report back? With the increase use of wide aspect ratio screens, we
need to figure out why the Publisher HTML output is so different, and I
don't have a wide aspect screen to test.

What is the DPI setting for your laptop screen at 1680x1050? Is it 96 dpi or
perhaps 120? Did you see if changing this setting had any impact on how your
html output looked?

How do you have the Publisher document set up? Go to File > Page Setup >
Layout. Under Page Size are you using the Standard (800 X 600) setting, or a
custom setting...and if so, what is that custom setting?

Would you please try producing your Publisher HTML output at 800x600, and
perhaps 1152x864 or some other setting you can use on your laptop that gives
you the 1.33:1 ratio? How does the output vary from your 1680x1050 setting?

Save the output of each test you do for the short term. I may have some
follow up questions.

Thanks.

DavidF

"robmog" <robmog@discussions.microsoft.com> wrote in message
news:BB58D316-B619-488B-8941-A421C5ADBBE2@microsoft.com...[color=darkred]
> In order to compensate for designing on a widescreen display I positioned
> everything so that it was still visible when veiwed 4:3, and even allowed
> for
> a "favourites" menu to be open on the left side of the browser. This left
> quite a large unused area on the right hand side when viewed widescreen.
> Presumably the best solution would be to set both my screens to 800x600
> and
> actually do the design work on the 4:3 screen
>
> "DavidF" wrote:
>

robmog

2007-01-27, 10:40 pm

A lot of this may be down to my not really planning the website in any great
detail. I started playing around with Publisher because I had it installed
and before I knew it I had a website. However there does appear to be a
conflict between widescreen design and 4:3, and dpi seems to be a major
factor.
When I built the site my laptop was set at 1680x1050 and 120dpi. I basicaly
designed a page, previewed it with IE6 and then made adjustments to achieve
the required result. The published result displayed fine on my laptop when
veiwed in IE6 and the latest versions of Firefox and Opera. However, when
viewed on some other computers, particularly through firefox and opera and
safari the text became jumbled. This happened on both my partners laptop
(1024x768 96dpi) and on screenshots from other browsers at www.
screenshots.org

At your suggestion I reset my laptop to 96 dpi and when I viewed the pages
online I now also experienced the same jummbling of text. I then checked the
page settings in Publisher and these were set at 800x600. With the dpi still
set at 96 but making no other changes to the publisher files I republished
the site to the web. This solved the problem both on my partners laptop and
on the screenshots from other browsers. With my laptop still set at 96, Opera
displayed the pages correctly. Both IE6 and Firefox displayed the pages
without error but put a large white border along the bottom and right hand
side.

Of course when I set my laptop back to 120 dpi I was now experiencing the
same problems that the other computers suffered before, ie jumbled up text.

I do not have a 4:3 machine that can be set at 120dpi so I can't confirm it,
but it appears that if you design a site at 120dpi it has problems when
veiwed at 96, and if you create it at 96 then it has problems when viewed at
120 ( at least on a wide screen). I will carry out some more tests at other
resulutions and see what happens.

I don't know which browsers you have but the original site(120dpi) can be
viewed at www.nigelhenderson.com, and the republished version(96dpi) can be
found at www.test.rchenderson.co.uk if you want to see the differences for
yourself.

Interestingly I have another simpler site www.hendersonlightingdesign.com
which was designed at 120 widescreen and although there are diferences when
viewed on other browsers and resolutions, these are small and don't really
effect the overall usage of the site.

Hope some of this helps. Let me know if you need me to try anything else and
I'll keep you updated on my tests.

"DavidF" wrote:

> Romob,
>
> I have a favor to ask. Would you answer a few questions, and try a test or
> two and report back? With the increase use of wide aspect ratio screens, we
> need to figure out why the Publisher HTML output is so different, and I
> don't have a wide aspect screen to test.
>
> What is the DPI setting for your laptop screen at 1680x1050? Is it 96 dpi or
> perhaps 120? Did you see if changing this setting had any impact on how your
> html output looked?
>
> How do you have the Publisher document set up? Go to File > Page Setup >
> Layout. Under Page Size are you using the Standard (800 X 600) setting, or a
> custom setting...and if so, what is that custom setting?
>
> Would you please try producing your Publisher HTML output at 800x600, and
> perhaps 1152x864 or some other setting you can use on your laptop that gives
> you the 1.33:1 ratio? How does the output vary from your 1680x1050 setting?
>
> Save the output of each test you do for the short term. I may have some
> follow up questions.
>
> Thanks.
>
> DavidF
>
> "robmog" <robmog@discussions.microsoft.com> wrote in message
> news:BB58D316-B619-488B-8941-A421C5ADBBE2@microsoft.com...
>
>
>

DavidF

2007-01-27, 10:40 pm

Thanks for a lot of good work. I don't have time to digest it, or comment on
it right now, but have another quick question? Did you use a Master Page in
your publication? Is the green header/banner on a master page? If so, move
everything off the master page... Gotta run, but will look and study your
results more later.

DavidF

"robmog" <robmog@discussions.microsoft.com> wrote in message
news:F90E4995-AED9-439A-A357-84448BBBD132@microsoft.com...[color=darkred]
>A lot of this may be down to my not really planning the website in any
>great
> detail. I started playing around with Publisher because I had it installed
> and before I knew it I had a website. However there does appear to be a
> conflict between widescreen design and 4:3, and dpi seems to be a major
> factor.
> When I built the site my laptop was set at 1680x1050 and 120dpi. I
> basicaly
> designed a page, previewed it with IE6 and then made adjustments to
> achieve
> the required result. The published result displayed fine on my laptop when
> veiwed in IE6 and the latest versions of Firefox and Opera. However, when
> viewed on some other computers, particularly through firefox and opera and
> safari the text became jumbled. This happened on both my partners laptop
> (1024x768 96dpi) and on screenshots from other browsers at www.
> screenshots.org
>
> At your suggestion I reset my laptop to 96 dpi and when I viewed the pages
> online I now also experienced the same jummbling of text. I then checked
> the
> page settings in Publisher and these were set at 800x600. With the dpi
> still
> set at 96 but making no other changes to the publisher files I republished
> the site to the web. This solved the problem both on my partners laptop
> and
> on the screenshots from other browsers. With my laptop still set at 96,
> Opera
> displayed the pages correctly. Both IE6 and Firefox displayed the pages
> without error but put a large white border along the bottom and right hand
> side.
>
> Of course when I set my laptop back to 120 dpi I was now experiencing the
> same problems that the other computers suffered before, ie jumbled up
> text.
>
> I do not have a 4:3 machine that can be set at 120dpi so I can't confirm
> it,
> but it appears that if you design a site at 120dpi it has problems when
> veiwed at 96, and if you create it at 96 then it has problems when viewed
> at
> 120 ( at least on a wide screen). I will carry out some more tests at
> other
> resulutions and see what happens.
>
> I don't know which browsers you have but the original site(120dpi) can be
> viewed at www.nigelhenderson.com, and the republished version(96dpi) can
> be
> found at www.test.rchenderson.co.uk if you want to see the differences for
> yourself.
>
> Interestingly I have another simpler site www.hendersonlightingdesign.com
> which was designed at 120 widescreen and although there are diferences
> when
> viewed on other browsers and resolutions, these are small and don't really
> effect the overall usage of the site.
>
> Hope some of this helps. Let me know if you need me to try anything else
> and
> I'll keep you updated on my tests.
>
> "DavidF" wrote:
>

DavidF

2007-01-27, 10:40 pm

I don't know that I understand what is going on, but I have made some
observations.

First I am making some assumptions. I am assuming that you have opened your
Publisher document, to the menu. Tools > Options > Web Tab, and uncheck
"rely on vml...", and "Allow png...". I also assume that you have run the
Design Checker under Tools to check for any problems.

Publisher produces html output with absolute positioning, and a fixed page
at 96dpi. If you produce your pages at a 120dpi setting, the text is going
to be a different size, and the page will be "jumbled". As you discovered,
changing the setting on your laptop to 96dpi before you produce your html,
solves the problem of the page not showing correctly on your partners page,
and other computers with the dpi at 96. Most standard monitors and displays
are set at a default 96dpi...except for the new widescreen laptops and wide
aspect monitors. To design for most, produce your pages at 96dpi. Not a
good, universal solution, but a compromise apparently required by the
Publisher html engine limitations.

The second issue is the overall width of your pages. Your main site is 1680
pixels wide, which requires horizontal scrolling...not a good thing...and
just happens to be the width of your default screen resolution. If you look
at this link:
http://www.nigelhenderson.com/index_files/image342.gif
You will see part of your background image(s), and it is 1680 pixels wide.
If you look at:
http://www.hendersonlightingdesign....s/image3121.jpg
It is 1695x940 which also cause a page that is too wide. These observations
seem to indicate that your overall page width is a result of your screen
resolution...the wide aspect ratio. Once again, unless you are inserting
extra large images in the background to begin with, or perhaps using a
master page, this seems to imply that you will need to change the resolution
on your laptop to 800x600, 1152x864 or some other 1.3:1 ratio...or in other
words the 4:3 ratio instead of the 1.6:1 wide aspect ratio. Check the
different resolution options available to you on your laptop, and choose one
with the 1.3:1 ratio, set the dpi to 96, and then open your Publisher
document, edit it as necessary, and try producing your site again. I am
assuming that your Publisher page is setup as the standard 800 pixel size,
which will show on your publisher page as 760 pixels wide..or 7.92 inches if
you aren't using the pixel ruler. Please post it to your test page when you
are done...I will be curious to see how it looks compared to your regular
page.

If the pages produced with the screen resolution set at a 1.3:1 ratio, and
96dpi produce a page that works, then you have a solution, albeit not a very
satisfactory one. I would assume that part of the reason you bought a wide
aspect laptop is to use the wide aspect screen. Switching back and forth is
not very handy, but hopefully your site will be fairly static, and you won't
have to do this that often. But if we have figured out a workaround solution
for this issue, then at least we have identified the issues, and perhaps the
powers that be at Microsoft can come up with a better solution. So, I do
appreciate you spending some time on this. Let me know when you get the test
site posted. Thanks.

DavidF

"robmog" <robmog@discussions.microsoft.com> wrote in message
news:F90E4995-AED9-439A-A357-84448BBBD132@microsoft.com...[color=darkred]
>A lot of this may be down to my not really planning the website in any
>great
> detail. I started playing around with Publisher because I had it installed
> and before I knew it I had a website. However there does appear to be a
> conflict between widescreen design and 4:3, and dpi seems to be a major
> factor.
> When I built the site my laptop was set at 1680x1050 and 120dpi. I
> basicaly
> designed a page, previewed it with IE6 and then made adjustments to
> achieve
> the required result. The published result displayed fine on my laptop when
> veiwed in IE6 and the latest versions of Firefox and Opera. However, when
> viewed on some other computers, particularly through firefox and opera and
> safari the text became jumbled. This happened on both my partners laptop
> (1024x768 96dpi) and on screenshots from other browsers at www.
> screenshots.org
>
> At your suggestion I reset my laptop to 96 dpi and when I viewed the pages
> online I now also experienced the same jummbling of text. I then checked
> the
> page settings in Publisher and these were set at 800x600. With the dpi
> still
> set at 96 but making no other changes to the publisher files I republished
> the site to the web. This solved the problem both on my partners laptop
> and
> on the screenshots from other browsers. With my laptop still set at 96,
> Opera
> displayed the pages correctly. Both IE6 and Firefox displayed the pages
> without error but put a large white border along the bottom and right hand
> side.
>
> Of course when I set my laptop back to 120 dpi I was now experiencing the
> same problems that the other computers suffered before, ie jumbled up
> text.
>
> I do not have a 4:3 machine that can be set at 120dpi so I can't confirm
> it,
> but it appears that if you design a site at 120dpi it has problems when
> veiwed at 96, and if you create it at 96 then it has problems when viewed
> at
> 120 ( at least on a wide screen). I will carry out some more tests at
> other
> resulutions and see what happens.
>
> I don't know which browsers you have but the original site(120dpi) can be
> viewed at www.nigelhenderson.com, and the republished version(96dpi) can
> be
> found at www.test.rchenderson.co.uk if you want to see the differences for
> yourself.
>
> Interestingly I have another simpler site www.hendersonlightingdesign.com
> which was designed at 120 widescreen and although there are diferences
> when
> viewed on other browsers and resolutions, these are small and don't really
> effect the overall usage of the site.
>
> Hope some of this helps. Let me know if you need me to try anything else
> and
> I'll keep you updated on my tests.
>
> "DavidF" wrote:
>

robmog

2007-01-27, 10:40 pm

Thanks for the info. "vlm" and "png " are unchecked. I'm not sure that I used
a master page - I tried but it didn't seem to work the way I expected. The
Nigel Henderson home page was basically created by modifying the Publisher
"Capsules" template. After I had done this I tried to make it a master for
subsequent pages but all that happened was the next page reverted to the
"Capsules" template ( I possibly wasn't appling it correctly. Subsequent
apges were therefore produced by duplicating the previous page and deleting
and modifying colours and objects as required.

I was possibly a little over ambitious with my first attempts to design
sites. The width of the pages on both sites wa squite deliberate. I was
trying to create a site that looked interesting for the different extremes of
view. In 4:3 mode with a favourites bar down the left, all the required
information is still visable. In widescreen mode without a side bar the
information is on the very left of the screen but the background image or
header extends to the right hand edge of the picture. In retrospect this may
not ahve been the best approach.

I am now going to try reworking the sites with my laptop set at one
resolution (120dpi) and my 4:3 monitor set at 96, and see if I can create a
compromise that works for both resolutions.

Has the 120/96 issue been addressed in Publisher 2007? Widescreen displays
are becoming increasingly common on laptops.

I'll keep you updated with my results.

"DavidF" wrote:

> I don't know that I understand what is going on, but I have made some
> observations.
>
> First I am making some assumptions. I am assuming that you have opened your
> Publisher document, to the menu. Tools > Options > Web Tab, and uncheck
> "rely on vml...", and "Allow png...". I also assume that you have run the
> Design Checker under Tools to check for any problems.
>
> Publisher produces html output with absolute positioning, and a fixed page
> at 96dpi. If you produce your pages at a 120dpi setting, the text is going
> to be a different size, and the page will be "jumbled". As you discovered,
> changing the setting on your laptop to 96dpi before you produce your html,
> solves the problem of the page not showing correctly on your partners page,
> and other computers with the dpi at 96. Most standard monitors and displays
> are set at a default 96dpi...except for the new widescreen laptops and wide
> aspect monitors. To design for most, produce your pages at 96dpi. Not a
> good, universal solution, but a compromise apparently required by the
> Publisher html engine limitations.
>
> The second issue is the overall width of your pages. Your main site is 1680
> pixels wide, which requires horizontal scrolling...not a good thing...and
> just happens to be the width of your default screen resolution. If you look
> at this link:
> http://www.nigelhenderson.com/index_files/image342.gif
> You will see part of your background image(s), and it is 1680 pixels wide.
> If you look at:
> http://www.hendersonlightingdesign....s/image3121.jpg
> It is 1695x940 which also cause a page that is too wide. These observations
> seem to indicate that your overall page width is a result of your screen
> resolution...the wide aspect ratio. Once again, unless you are inserting
> extra large images in the background to begin with, or perhaps using a
> master page, this seems to imply that you will need to change the resolution
> on your laptop to 800x600, 1152x864 or some other 1.3:1 ratio...or in other
> words the 4:3 ratio instead of the 1.6:1 wide aspect ratio. Check the
> different resolution options available to you on your laptop, and choose one
> with the 1.3:1 ratio, set the dpi to 96, and then open your Publisher
> document, edit it as necessary, and try producing your site again. I am
> assuming that your Publisher page is setup as the standard 800 pixel size,
> which will show on your publisher page as 760 pixels wide..or 7.92 inches if
> you aren't using the pixel ruler. Please post it to your test page when you
> are done...I will be curious to see how it looks compared to your regular
> page.
>
> If the pages produced with the screen resolution set at a 1.3:1 ratio, and
> 96dpi produce a page that works, then you have a solution, albeit not a very
> satisfactory one. I would assume that part of the reason you bought a wide
> aspect laptop is to use the wide aspect screen. Switching back and forth is
> not very handy, but hopefully your site will be fairly static, and you won't
> have to do this that often. But if we have figured out a workaround solution
> for this issue, then at least we have identified the issues, and perhaps the
> powers that be at Microsoft can come up with a better solution. So, I do
> appreciate you spending some time on this. Let me know when you get the test
> site posted. Thanks.
>
> DavidF
>
> "robmog" <robmog@discussions.microsoft.com> wrote in message
> news:F90E4995-AED9-439A-A357-84448BBBD132@microsoft.com...
>
>
>

DavidF

2007-01-27, 10:40 pm

I am not quite sure I follow how you deliberately made your pages that wide,
unless you specified it in the page setup. The question in my mind is
whether the wide aspect resolution settings was the reason.

By the way, if I didn't give you this reference before, you should check it
out: Understanding background padding in a Publisher web (aka white space):
http://msmvps.com/blogs/dbartosik/a...1/07/80563.aspx
In it you will read about how Publisher produces left justified pages, and
like you, many people post here wondering what to do with all that white
space to the right...

Don't worry about the master page. You don't want to use that in a web
document...at least not a Publisher web document...causes too many problems.

I don't know if MS is aware of the issue or not at this point, but hope they
do come up with a solution soon. I flirted with the idea of buying a new
laptop prior to the first of the year, and it seemed that most come with the
wide screen these days. So, yes, some solution needs to be found. I will do
some follow up, but meanwhile thanks for your efforts. It may help someone
else down the road.

DavidF

"robmog" <robmog@discussions.microsoft.com> wrote in message
news:1AC51AB8-9338-41CB-B202-B5F08CCA00FE@microsoft.com...[color=darkred]
> Thanks for the info. "vlm" and "png " are unchecked. I'm not sure that I
> used
> a master page - I tried but it didn't seem to work the way I expected. The
> Nigel Henderson home page was basically created by modifying the Publisher
> "Capsules" template. After I had done this I tried to make it a master for
> subsequent pages but all that happened was the next page reverted to the
> "Capsules" template ( I possibly wasn't appling it correctly. Subsequent
> apges were therefore produced by duplicating the previous page and
> deleting
> and modifying colours and objects as required.
>
> I was possibly a little over ambitious with my first attempts to design
> sites. The width of the pages on both sites wa squite deliberate. I was
> trying to create a site that looked interesting for the different extremes
> of
> view. In 4:3 mode with a favourites bar down the left, all the required
> information is still visable. In widescreen mode without a side bar the
> information is on the very left of the screen but the background image or
> header extends to the right hand edge of the picture. In retrospect this
> may
> not ahve been the best approach.
>
> I am now going to try reworking the sites with my laptop set at one
> resolution (120dpi) and my 4:3 monitor set at 96, and see if I can create
> a
> compromise that works for both resolutions.
>
> Has the 120/96 issue been addressed in Publisher 2007? Widescreen displays
> are becoming increasingly common on laptops.
>
> I'll keep you updated with my results.
>
> "DavidF" wrote:
>

Rob Giordano \(Crash\)

2007-01-27, 10:40 pm

You're spinning your wheels thinking that resolution and screensize is the
issue, it's not. You need to be thinking viewport size...and you have no
idea what that is for each user!

http://www.thepattysite.com/window_sizes1.cfm

"robmog" <robmog@discussions.microsoft.com> wrote in message
news:1AC51AB8-9338-41CB-B202-B5F08CCA00FE@microsoft.com...
| Thanks for the info. "vlm" and "png " are unchecked. I'm not sure that I
used
| a master page - I tried but it didn't seem to work the way I expected. The
| Nigel Henderson home page was basically created by modifying the Publisher
| "Capsules" template. After I had done this I tried to make it a master for
| subsequent pages but all that happened was the next page reverted to the
| "Capsules" template ( I possibly wasn't appling it correctly. Subsequent
| apges were therefore produced by duplicating the previous page and
deleting
| and modifying colours and objects as required.
|
| I was possibly a little over ambitious with my first attempts to design
| sites. The width of the pages on both sites wa squite deliberate. I was
| trying to create a site that looked interesting for the different extremes
of
| view. In 4:3 mode with a favourites bar down the left, all the required
| information is still visable. In widescreen mode without a side bar the
| information is on the very left of the screen but the background image or
| header extends to the right hand edge of the picture. In retrospect this
may
| not ahve been the best approach.
|
| I am now going to try reworking the sites with my laptop set at one
| resolution (120dpi) and my 4:3 monitor set at 96, and see if I can create
a
| compromise that works for both resolutions.
|
| Has the 120/96 issue been addressed in Publisher 2007? Widescreen displays
| are becoming increasingly common on laptops.
|
| I'll keep you updated with my results.
|
| "DavidF" wrote:
|
| > I don't know that I understand what is going on, but I have made some
| > observations.
| >
| > First I am making some assumptions. I am assuming that you have opened
your
| > Publisher document, to the menu. Tools > Options > Web Tab, and uncheck
| > "rely on vml...", and "Allow png...". I also assume that you have run
the
| > Design Checker under Tools to check for any problems.
| >
| > Publisher produces html output with absolute positioning, and a fixed
page
| > at 96dpi. If you produce your pages at a 120dpi setting, the text is
going
| > to be a different size, and the page will be "jumbled". As you
discovered,
| > changing the setting on your laptop to 96dpi before you produce your
html,
| > solves the problem of the page not showing correctly on your partners
page,
| > and other computers with the dpi at 96. Most standard monitors and
displays
| > are set at a default 96dpi...except for the new widescreen laptops and
wide
| > aspect monitors. To design for most, produce your pages at 96dpi. Not a
| > good, universal solution, but a compromise apparently required by the
| > Publisher html engine limitations.
| >
| > The second issue is the overall width of your pages. Your main site is
1680
| > pixels wide, which requires horizontal scrolling...not a good
thing...and
| > just happens to be the width of your default screen resolution. If you
look
| > at this link:
| > http://www.nigelhenderson.com/index_files/image342.gif
| > You will see part of your background image(s), and it is 1680 pixels
wide.
| > If you look at:
| > http://www.hendersonlightingdesign....s/image3121.jpg
| > It is 1695x940 which also cause a page that is too wide. These
observations
| > seem to indicate that your overall page width is a result of your screen
| > resolution...the wide aspect ratio. Once again, unless you are inserting
| > extra large images in the background to begin with, or perhaps using a
| > master page, this seems to imply that you will need to change the
resolution
| > on your laptop to 800x600, 1152x864 or some other 1.3:1 ratio...or in
other
| > words the 4:3 ratio instead of the 1.6:1 wide aspect ratio. Check the
| > different resolution options available to you on your laptop, and choose
one
| > with the 1.3:1 ratio, set the dpi to 96, and then open your Publisher
| > document, edit it as necessary, and try producing your site again. I am
| > assuming that your Publisher page is setup as the standard 800 pixel
size,
| > which will show on your publisher page as 760 pixels wide..or 7.92
inches if
| > you aren't using the pixel ruler. Please post it to your test page when
you
| > are done...I will be curious to see how it looks compared to your
regular
| > page.
| >
| > If the pages produced with the screen resolution set at a 1.3:1 ratio,
and
| > 96dpi produce a page that works, then you have a solution, albeit not a
very
| > satisfactory one. I would assume that part of the reason you bought a
wide
| > aspect laptop is to use the wide aspect screen. Switching back and forth
is
| > not very handy, but hopefully your site will be fairly static, and you
won't
| > have to do this that often. But if we have figured out a workaround
solution
| > for this issue, then at least we have identified the issues, and perhaps
the
| > powers that be at Microsoft can come up with a better solution. So, I do
| > appreciate you spending some time on this. Let me know when you get the
test
| > site posted. Thanks.
| >
| > DavidF
| >
| > "robmog" <robmog@discussions.microsoft.com> wrote in message
| > news:F90E4995-AED9-439A-A357-84448BBBD132@microsoft.com...
| > >A lot of this may be down to my not really planning the website in any
| > >great
| > > detail. I started playing around with Publisher because I had it
installed
| > > and before I knew it I had a website. However there does appear to be
a
| > > conflict between widescreen design and 4:3, and dpi seems to be a
major
| > > factor.
| > > When I built the site my laptop was set at 1680x1050 and 120dpi. I
| > > basicaly
| > > designed a page, previewed it with IE6 and then made adjustments to
| > > achieve
| > > the required result. The published result displayed fine on my laptop
when
| > > veiwed in IE6 and the latest versions of Firefox and Opera. However,
when
| > > viewed on some other computers, particularly through firefox and opera
and
| > > safari the text became jumbled. This happened on both my partners
laptop
| > > (1024x768 96dpi) and on screenshots from other browsers at www.
| > > screenshots.org
| > >
| > > At your suggestion I reset my laptop to 96 dpi and when I viewed the
pages
| > > online I now also experienced the same jummbling of text. I then
checked
| > > the
| > > page settings in Publisher and these were set at 800x600. With the dpi
| > > still
| > > set at 96 but making no other changes to the publisher files I
republished
| > > the site to the web. This solved the problem both on my partners
laptop
| > > and
| > > on the screenshots from other browsers. With my laptop still set at
96,
| > > Opera
| > > displayed the pages correctly. Both IE6 and Firefox displayed the
pages
| > > without error but put a large white border along the bottom and right
hand
| > > side.
| > >
| > > Of course when I set my laptop back to 120 dpi I was now experiencing
the
| > > same problems that the other computers suffered before, ie jumbled up
| > > text.
| > >
| > > I do not have a 4:3 machine that can be set at 120dpi so I can't
confirm
| > > it,
| > > but it appears that if you design a site at 120dpi it has problems
when
| > > veiwed at 96, and if you create it at 96 then it has problems when
viewed
| > > at
| > > 120 ( at least on a wide screen). I will carry out some more tests at
| > > other
| > > resulutions and see what happens.
| > >
| > > I don't know which browsers you have but the original site(120dpi) can
be
| > > viewed at www.nigelhenderson.com, and the republished version(96dpi)
can
| > > be
| > > found at www.test.rchenderson.co.uk if you want to see the differences
for
| > > yourself.
| > >
| > > Interestingly I have another simpler site
www.hendersonlightingdesign.com
| > > which was designed at 120 widescreen and although there are diferences
| > > when
| > > viewed on other browsers and resolutions, these are small and don't
really
| > > effect the overall usage of the site.
| > >
| > > Hope some of this helps. Let me know if you need me to try anything
else
| > > and
| > > I'll keep you updated on my tests.
| > >
| > > "DavidF" wrote:
| > >
| > >> Romob,
| > >>
| > >> I have a favor to ask. Would you answer a few questions, and try a
test
| > >> or
| > >> two and report back? With the increase use of wide aspect ratio
screens,
| > >> we
| > >> need to figure out why the Publisher HTML output is so different, and
I
| > >> don't have a wide aspect screen to test.
| > >>
| > >> What is the DPI setting for your laptop screen at 1680x1050? Is it 96
dpi
| > >> or
| > >> perhaps 120? Did you see if changing this setting had any impact on
how
| > >> your
| > >> html output looked?
| > >>
| > >> How do you have the Publisher document set up? Go to File > Page
Setup >
| > >> Layout. Under Page Size are you using the Standard (800 X 600)
setting,
| > >> or a
| > >> custom setting...and if so, what is that custom setting?
| > >>
| > >> Would you please try producing your Publisher HTML output at 800x600,
and
| > >> perhaps 1152x864 or some other setting you can use on your laptop
that
| > >> gives
| > >> you the 1.33:1 ratio? How does the output vary from your 1680x1050
| > >> setting?
| > >>
| > >> Save the output of each test you do for the short term. I may have
some
| > >> follow up questions.
| > >>
| > >> Thanks.
| > >>
| > >> DavidF
| > >>
| > >> "robmog" <robmog@discussions.microsoft.com> wrote in message
| > >> news:BB58D316-B619-488B-8941-A421C5ADBBE2@microsoft.com...
| > >> > In order to compensate for designing on a widescreen display I
| > >> > positioned
| > >> > everything so that it was still visible when veiwed 4:3, and even
| > >> > allowed
| > >> > for
| > >> > a "favourites" menu to be open on the left side of the browser.
This
| > >> > left
| > >> > quite a large unused area on the right hand side when viewed
| > >> > widescreen.
| > >> > Presumably the best solution would be to set both my screens to
800x600
| > >> > and
| > >> > actually do the design work on the 4:3 screen
| > >> >
| > >> > "DavidF" wrote:
| > >> >
| > >> >> In addition to what Mike and Rob said, Publisher sites when
produced
| > >> >> on
| > >> >> wide
| > >> >> aspect ratio laptops can look strange. One thing that has helped
in
| > >> >> some
| > >> >> cases: Right click your desktop > Properties > Settings > Advanced
>
| > >> >> and
| > >> >> change the font size to a 96 dpi setting. I would guess that you
have
| > >> >> this
| > >> >> set at 120 dpi, and you may find the text size too small for
normal
| > >> >> viewing,
| > >> >> but try it for the short term. Then open your Publisher file and
| > >> >> produce
| > >> >> new
| > >> >> html files and test those.
| > >> >>
| > >> >> DavidF
| > >> >>
| > >> >> "robmog" <robmog@discussions.microsoft.com> wrote in message
| > >> >> news:B1F46443-65E2-4EC9-B6E9-30F6117AB33B@microsoft.com...
| > >> >> > What is the best resolution setting for building publisher web
| > >> >> > sites. I
| > >> >> > have
| > >> >> > been designing mine on my laptop which is a widescreen running
at
| > >> >> > 1680x1050.
| > >> >> > I have also been previewing them on my 4:3 extended desktop
monitor
| > >> >> > running
| > >> >> > at 1280x1024. They all look fine in both formats when viewed via
| > >> >> > IE6,
| > >> >> > Opera9
| > >> >> > and firefox. However if I view them in the same browsers on my
| > >> >> > partners
| > >> >> > laptop which has a maximium resolution of 1024 x 768 some of the
| > >> >> > pages
| > >> >> > fall
| > >> >> > apart completely. I am guessing that this is a resolution
problem
| > >> >> > but
| > >> >> > oddly
| > >> >> > if I set my 4:3 monitor to 1024 x 768 the pages all look fine.
It is
| > >> >> > somewhat
| > >> >> > frustrating as I now have no idea what my site looks like to the
| > >> >> > majority
| > >> >> > of
| > >> >> > people. (www.nigelhenderson.com if anybody would like to take a
look
| > >> >> > and
| > >> >> > report back.)
| > >> >>
| > >> >>
| > >> >>
| > >>
| > >>
| > >>
| >
| >
| >

DavidF

2007-01-27, 10:40 pm

Rob,

I think I understand what you are saying, and I did read the article you
cited. However, the bottom line is that the Publisher html code engine
creates different pages depending on the resolution and the dpi. Why? Heck I
don't know, but it does. Several years ago when I first bought my current
laptop, I noticed that my Publisher generated web pages looked different
when I produced them from my laptop than when I produced them from my
desktop. I asked David Bartosik why, and he said it was impossible! So, I
sent him the two sets of html files generated from the laptop and the
desktop, and sure enough, he agreed that they were different, though he
could not explain why. Ultimately, if I switched the resolution and dpi to
the same settings, the output was the same.

Now I am not an expert. I don't understand coding. I have limited experience
with FrontPage and Dreamweaver, or any other software specifically designed
for web building. However, David Bartosik is an expert...that's how he makes
his living. He made the same, logical conclusions that you have, but
ultimately the reality is that the html output from Publisher is affected by
resolution and dpi of the computer that generates the html.

My goal in all of this is to first find a workaround. While this issue came
up once in a while in the past, it seems that it is coming up much more
frequently now that the wide aspect ratio laptops are becoming more popular,
and thus this issue is more common. It would be great to find a workaround,
so if you have any ideas, please join in. You know a heck of a lot more than
I do about coding, etc. The problem seems to be tied to the way the html
engine works, and unfortunately Pub 2007 has the same engine. So the problem
is not likely to go away.

My second goal is to find a way to provide the powers that be at MS with a
reproducible scenario, so that perhaps they can provide some ideas of how to
work around this. Somehow though, I suspect that if a workaround is going to
be found, it will have to be out here, because I just don't see MS willing
to put much effort into this. Their probable response is to switch to
Expression or SharePoint...after all, those are the programs for web
building...

Don't get me wrong...I really do appreciate your comments. I learn from you
as do others in this group. I just felt it was important to explain this
"issue" at bit...and then perhaps you can offer a solution??? Thanks.

DavidF

"Rob Giordano (Crash)" <webmaster@siriussystems.invalid> wrote in message
news:OKmr9nCOHHA.2236@TK2MSFTNGP02.phx.gbl...
> You're spinning your wheels thinking that resolution and screensize is
> the
> issue, it's not. You need to be thinking viewport size...and you have no
> idea what that is for each user!
>
> http://www.thepattysite.com/window_sizes1.cfm
>
>
>
> "robmog" <robmog@discussions.microsoft.com> wrote in message
> news:1AC51AB8-9338-41CB-B202-B5F08CCA00FE@microsoft.com...
> | Thanks for the info. "vlm" and "png " are unchecked. I'm not sure that I
> used
> | a master page - I tried but it didn't seem to work the way I expected.
> The
> | Nigel Henderson home page was basically created by modifying the
> Publisher
> | "Capsules" template. After I had done this I tried to make it a master
> for
> | subsequent pages but all that happened was the next page reverted to the
> | "Capsules" template ( I possibly wasn't appling it correctly. Subsequent
> | apges were therefore produced by duplicating the previous page and
> deleting
> | and modifying colours and objects as required.
> |
> | I was possibly a little over ambitious with my first attempts to design
> | sites. The width of the pages on both sites wa squite deliberate. I was
> | trying to create a site that looked interesting for the different
> extremes
> of
> | view. In 4:3 mode with a favourites bar down the left, all the required
> | information is still visable. In widescreen mode without a side bar the
> | information is on the very left of the screen but the background image
> or
> | header extends to the right hand edge of the picture. In retrospect this
> may
> | not ahve been the best approach.
> |
> | I am now going to try reworking the sites with my laptop set at one
> | resolution (120dpi) and my 4:3 monitor set at 96, and see if I can
> create
> a
> | compromise that works for both resolutions.
> |
> | Has the 120/96 issue been addressed in Publisher 2007? Widescreen
> displays
> | are becoming increasingly common on laptops.
> |
> | I'll keep you updated with my results.
> |
> | "DavidF" wrote:
> |
> | > I don't know that I understand what is going on, but I have made some
> | > observations.
> | >
> | > First I am making some assumptions. I am assuming that you have opened
> your
> | > Publisher document, to the menu. Tools > Options > Web Tab, and
> uncheck
> | > "rely on vml...", and "Allow png...". I also assume that you have run
> the
> | > Design Checker under Tools to check for any problems.
> | >
> | > Publisher produces html output with absolute positioning, and a fixed
> page
> | > at 96dpi. If you produce your pages at a 120dpi setting, the text is
> going
> | > to be a different size, and the page will be "jumbled". As you
> discovered,
> | > changing the setting on your laptop to 96dpi before you produce your
> html,
> | > solves the problem of the page not showing correctly on your partners
> page,
> | > and other computers with the dpi at 96. Most standard monitors and
> displays
> | > are set at a default 96dpi...except for the new widescreen laptops and
> wide
> | > aspect monitors. To design for most, produce your pages at 96dpi. Not
> a
> | > good, universal solution, but a compromise apparently required by the
> | > Publisher html engine limitations.
> | >
> | > The second issue is the overall width of your pages. Your main site is
> 1680
> | > pixels wide, which requires horizontal scrolling...not a good
> thing...and
> | > just happens to be the width of your default screen resolution. If you
> look
> | > at this link:
> | > http://www.nigelhenderson.com/index_files/image342.gif
> | > You will see part of your background image(s), and it is 1680 pixels
> wide.
> | > If you look at:
> | > http://www.hendersonlightingdesign....s/image3121.jpg
> | > It is 1695x940 which also cause a page that is too wide. These
> observations
> | > seem to indicate that your overall page width is a result of your
> screen
> | > resolution...the wide aspect ratio. Once again, unless you are
> inserting
> | > extra large images in the background to begin with, or perhaps using a
> | > master page, this seems to imply that you will need to change the
> resolution
> | > on your laptop to 800x600, 1152x864 or some other 1.3:1 ratio...or in
> other
> | > words the 4:3 ratio instead of the 1.6:1 wide aspect ratio. Check the
> | > different resolution options available to you on your laptop, and
> choose
> one
> | > with the 1.3:1 ratio, set the dpi to 96, and then open your Publisher
> | > document, edit it as necessary, and try producing your site again. I
> am
> | > assuming that your Publisher page is setup as the standard 800 pixel
> size,
> | > which will show on your publisher page as 760 pixels wide..or 7.92
> inches if
> | > you aren't using the pixel ruler. Please post it to your test page
> when
> you
> | > are done...I will be curious to see how it looks compared to your
> regular
> | > page.
> | >
> | > If the pages produced with the screen resolution set at a 1.3:1 ratio,
> and
> | > 96dpi produce a page that works, then you have a solution, albeit not
> a
> very
> | > satisfactory one. I would assume that part of the reason you bought a
> wide
> | > aspect laptop is to use the wide aspect screen. Switching back and
> forth
> is
> | > not very handy, but hopefully your site will be fairly static, and you
> won't
> | > have to do this that often. But if we have figured out a workaround
> solution
> | > for this issue, then at least we have identified the issues, and
> perhaps
> the
> | > powers that be at Microsoft can come up with a better solution. So, I
> do
> | > appreciate you spending some time on this. Let me know when you get
> the
> test
> | > site posted. Thanks.
> | >
> | > DavidF
> | >
> | > "robmog" <robmog@discussions.microsoft.com> wrote in message
> | > news:F90E4995-AED9-439A-A357-84448BBBD132@microsoft.com...
> | > >A lot of this may be down to my not really planning the website in
> any
> | > >great
> | > > detail. I started playing around with Publisher because I had it
> installed
> | > > and before I knew it I had a website. However there does appear to
> be
> a
> | > > conflict between widescreen design and 4:3, and dpi seems to be a
> major
> | > > factor.
> | > > When I built the site my laptop was set at 1680x1050 and 120dpi. I
> | > > basicaly
> | > > designed a page, previewed it with IE6 and then made adjustments to
> | > > achieve
> | > > the required result. The published result displayed fine on my
> laptop
> when
> | > > veiwed in IE6 and the latest versions of Firefox and Opera. However,
> when
> | > > viewed on some other computers, particularly through firefox and
> opera
> and
> | > > safari the text became jumbled. This happened on both my partners
> laptop
> | > > (1024x768 96dpi) and on screenshots from other browsers at www.
> | > > screenshots.org
> | > >
> | > > At your suggestion I reset my laptop to 96 dpi and when I viewed the
> pages
> | > > online I now also experienced the same jummbling of text. I then
> checked
> | > > the
> | > > page settings in Publisher and these were set at 800x600. With the
> dpi
> | > > still
> | > > set at 96 but making no other changes to the publisher files I
> republished
> | > > the site to the web. This solved the problem both on my partners
> laptop
> | > > and
> | > > on the screenshots from other browsers. With my laptop still set at
> 96,
> | > > Opera
> | > > displayed the pages correctly. Both IE6 and Firefox displayed the
> pages
> | > > without error but put a large white border along the bottom and
> right
> hand
> | > > side.
> | > >
> | > > Of course when I set my laptop back to 120 dpi I was now
> experiencing
> the
> | > > same problems that the other computers suffered before, ie jumbled
> up
> | > > text.
> | > >
> | > > I do not have a 4:3 machine that can be set at 120dpi so I can't
> confirm
> | > > it,
> | > > but it appears that if you design a site at 120dpi it has problems
> when
> | > > veiwed at 96, and if you create it at 96 then it has problems when
> viewed
> | > > at
> | > > 120 ( at least on a wide screen). I will carry out some more tests
> at
> | > > other
> | > > resulutions and see what happens.
> | > >
> | > > I don't know which browsers you have but the original site(120dpi)
> can
> be
> | > > viewed at www.nigelhenderson.com, and the republished version(96dpi)
> can
> | > > be
> | > > found at www.test.rchenderson.co.uk if you want to see the
> differences
> for
> | > > yourself.
> | > >
> | > > Interestingly I have another simpler site
> www.hendersonlightingdesign.com
> | > > which was designed at 120 widescreen and although there are
> diferences
> | > > when
> | > > viewed on other browsers and resolutions, these are small and don't
> really
> | > > effect the overall usage of the site.
> | > >
> | > > Hope some of this helps. Let me know if you need me to try anything
> else
> | > > and
> | > > I'll keep you updated on my tests.
> | > >
> | > > "DavidF" wrote:
> | > >
> | > >> Romob,
> | > >>
> | > >> I have a favor to ask. Would you answer a few questions, and try a
> test
> | > >> or
> | > >> two and report back? With the increase use of wide aspect ratio
> screens,
> | > >> we
> | > >> need to figure out why the Publisher HTML output is so different,
> and
> I
> | > >> don't have a wide aspect screen to test.
> | > >>
> | > >> What is the DPI setting for your laptop screen at 1680x1050? Is it
> 96
> dpi
> | > >> or
> | > >> perhaps 120? Did you see if changing this setting had any impact on
> how
> | > >> your
> | > >> html output looked?
> | > >>
> | > >> How do you have the Publisher document set up? Go to File > Page
> Setup >
> | > >> Layout. Under Page Size are you using the Standard (800 X 600)
> setting,
> | > >> or a
> | > >> custom setting...and if so, what is that custom setting?
> | > >>
> | > >> Would you please try producing your Publisher HTML output at
> 800x600,
> and
> | > >> perhaps 1152x864 or some other setting you can use on your laptop
> that
> | > >> gives
> | > >> you the 1.33:1 ratio? How does the output vary from your 1680x1050
> | > >> setting?
> | > >>
> | > >> Save the output of each test you do for the short term. I may have
> some
> | > >> follow up questions.
> | > >>
> | > >> Thanks.
> | > >>
> | > >> DavidF
> | > >>
> | > >> "robmog" <robmog@discussions.microsoft.com> wrote in message
> | > >> news:BB58D316-B619-488B-8941-A421C5ADBBE2@microsoft.com...
> | > >> > In order to compensate for designing on a widescreen display I
> | > >> > positioned
> | > >> > everything so that it was still visible when veiwed 4:3, and even
> | > >> > allowed
> | > >> > for
> | > >> > a "favourites" menu to be open on the left side of the browser.
> This
> | > >> > left
> | > >> > quite a large unused area on the right hand side when viewed
> | > >> > widescreen.
> | > >> > Presumably the best solution would be to set both my screens to
> 800x600
> | > >> > and
> | > >> > actually do the design work on the 4:3 screen
> | > >> >
> | > >> > "DavidF" wrote:
> | > >> >
> | > >> >> In addition to what Mike and Rob said, Publisher sites when
> produced
> | > >> >> on
> | > >> >> wide
> | > >> >> aspect ratio laptops can look strange. One thing that has helped
> in
> | > >> >> some
> | > >> >> cases: Right click your desktop > Properties > Settings >
> Advanced
> | > >> >> and
> | > >> >> change the font size to a 96 dpi setting. I would guess that you
> have
> | > >> >> this
> | > >> >> set at 120 dpi, and you may find the text size too small for
> normal
> | > >> >> viewing,
> | > >> >> but try it for the short term. Then open your Publisher file and
> | > >> >> produce
> | > >> >> new
> | > >> >> html files and test those.
> | > >> >>
> | > >> >> DavidF
> | > >> >>
> | > >> >> "robmog" <robmog@discussions.microsoft.com> wrote in message
> | > >> >> news:B1F46443-65E2-4EC9-B6E9-30F6117AB33B@microsoft.com...
> | > >> >> > What is the best resolution setting for building publisher web
> | > >> >> > sites. I
> | > >> >> > have
> | > >> >> > been designing mine on my laptop which is a widescreen running
> at
> | > >> >> > 1680x1050.
> | > >> >> > I have also been previewing them on my 4:3 extended desktop
> monitor
> | > >> >> > running
> | > >> >> > at 1280x1024. They all look fine in both formats when viewed
> via
> | > >> >> > IE6,
> | > >> >> > Opera9
> | > >> >> > and firefox. However if I view them in the same browsers on my
> | > >> >> > partners
> | > >> >> > laptop which has a maximium resolution of 1024 x 768 some of
> the
> | > >> >> > pages
> | > >> >> > fall
> | > >> >> > apart completely. I am guessing that this is a resolution
> problem
> | > >> >> > but
> | > >> >> > oddly
> | > >> >> > if I set my 4:3 monitor to 1024 x 768 the pages all look fine.
> It is
> | > >> >> > somewhat
> | > >> >> > frustrating as I now have no idea what my site looks like to
> the
> | > >> >> > majority
> | > >> >> > of
> | > >> >> > people. (www.nigelhenderson.com if anybody would like to take
> a
> look
> | > >> >> > and
> | > >> >> > report back.)
> | > >> >>
> | > >> >>
> | > >> >>
> | > >>
> | > >>
> | > >>
> | >
> | >
> | >
>
>

Rob Giordano \(Crash\)

2007-01-27, 10:40 pm

Thanks I appreciate your comments. I use Publisher mostly for welll...paper
and ink and only mess around with it's web abilities once in a while to see
if I can help out here once in a while. I use FP, DW and now EW for web
stuff.

Anyway, I'll mess around with this sometime this week and see if I can
understand wazzup...I'll clean my glasses and read through this thread again
8)

"DavidF" <Nope@nospam.com> wrote in message
news:%23N%23C%23fDOHHA.4848@TK2MSFTNGP04.phx.gbl...
| Rob,
|
| I think I understand what you are saying, and I did read the article you
| cited. However, the bottom line is that the Publisher html code engine
| creates different pages depending on the resolution and the dpi. Why? Heck
I
| don't know, but it does. Several years ago when I first bought my current
| laptop, I noticed that my Publisher generated web pages looked different
| when I produced them from my laptop than when I produced them from my
| desktop. I asked David Bartosik why, and he said it was impossible! So, I
| sent him the two sets of html files generated from the laptop and the
| desktop, and sure enough, he agreed that they were different, though he
| could not explain why. Ultimately, if I switched the resolution and dpi to
| the same settings, the output was the same.
|
| Now I am not an expert. I don't understand coding. I have limited
experience
| with FrontPage and Dreamweaver, or any other software specifically
designed
| for web building. However, David Bartosik is an expert...that's how he
makes
| his living. He made the same, logical conclusions that you have, but
| ultimately the reality is that the html output from Publisher is affected
by
| resolution and dpi of the computer that generates the html.
|
| My goal in all of this is to first find a workaround. While this issue
came
| up once in a while in the past, it seems that it is coming up much more
| frequently now that the wide aspect ratio laptops are becoming more
popular,
| and thus this issue is more common. It would be great to find a
workaround,
| so if you have any ideas, please join in. You know a heck of a lot more
than
| I do about coding, etc. The problem seems to be tied to the way the html
| engine works, and unfortunately Pub 2007 has the same engine. So the
problem
| is not likely to go away.
|
| My second goal is to find a way to provide the powers that be at MS with a
| reproducible scenario, so that perhaps they can provide some ideas of how
to
| work around this. Somehow though, I suspect that if a workaround is going
to
| be found, it will have to be out here, because I just don't see MS willing
| to put much effort into this. Their probable response is to switch to
| Expression or SharePoint...after all, those are the programs for web
| building...
|
| Don't get me wrong...I really do appreciate your comments. I learn from
you
| as do others in this group. I just felt it was important to explain this
| "issue" at bit...and then perhaps you can offer a solution??? Thanks.
|
| DavidF
|
|
| "Rob Giordano (Crash)" <webmaster@siriussystems.invalid> wrote in message
| news:OKmr9nCOHHA.2236@TK2MSFTNGP02.phx.gbl...
| > You're spinning your wheels thinking that resolution and screensize is
| > the
| > issue, it's not. You need to be thinking viewport size...and you have no
| > idea what that is for each user!
| >
| > http://www.thepattysite.com/window_sizes1.cfm
| >
| >
| >
| > "robmog" <robmog@discussions.microsoft.com> wrote in message
| > news:1AC51AB8-9338-41CB-B202-B5F08CCA00FE@microsoft.com...
| > | Thanks for the info. "vlm" and "png " are unchecked. I'm not sure that
I
| > used
| > | a master page - I tried but it didn't seem to work the way I expected.
| > The
| > | Nigel Henderson home page was basically created by modifying the
| > Publisher
| > | "Capsules" template. After I had done this I tried to make it a master
| > for
| > | subsequent pages but all that happened was the next page reverted to
the
| > | "Capsules" template ( I possibly wasn't appling it correctly.
Subsequent
| > | apges were therefore produced by duplicating the previous page and
| > deleting
| > | and modifying colours and objects as required.
| > |
| > | I was possibly a little over ambitious with my first attempts to
design
| > | sites. The width of the pages on both sites wa squite deliberate. I
was
| > | trying to create a site that looked interesting for the different
| > extremes
| > of
| > | view. In 4:3 mode with a favourites bar down the left, all the
required
| > | information is still visable. In widescreen mode without a side bar
the
| > | information is on the very left of the screen but the background image
| > or
| > | header extends to the right hand edge of the picture. In retrospect
this
| > may
| > | not ahve been the best approach.
| > |
| > | I am now going to try reworking the sites with my laptop set at one
| > | resolution (120dpi) and my 4:3 monitor set at 96, and see if I can
| > create
| > a
| > | compromise that works for both resolutions.
| > |
| > | Has the 120/96 issue been addressed in Publisher 2007? Widescreen
| > displays
| > | are becoming increasingly common on laptops.
| > |
| > | I'll keep you updated with my results.
| > |
| > | "DavidF" wrote:
| > |
| > | > I don't know that I understand what is going on, but I have made
some
| > | > observations.
| > | >
| > | > First I am making some assumptions. I am assuming that you have
opened
| > your
| > | > Publisher document, to the menu. Tools > Options > Web Tab, and
| > uncheck
| > | > "rely on vml...", and "Allow png...". I also assume that you have
run
| > the
| > | > Design Checker under Tools to check for any problems.
| > | >
| > | > Publisher produces html output with absolute positioning, and a
fixed
| > page
| > | > at 96dpi. If you produce your pages at a 120dpi setting, the text is
| > going
| > | > to be a different size, and the page will be "jumbled". As you
| > discovered,
| > | > changing the setting on your laptop to 96dpi before you produce your
| > html,
| > | > solves the problem of the page not showing correctly on your
partners
| > page,
| > | > and other computers with the dpi at 96. Most standard monitors and
| > displays
| > | > are set at a default 96dpi...except for the new widescreen laptops
and
| > wide
| > | > aspect monitors. To design for most, produce your pages at 96dpi.
Not
| > a
| > | > good, universal solution, but a compromise apparently required by
the
| > | > Publisher html engine limitations.
| > | >
| > | > The second issue is the overall width of your pages. Your main site
is
| > 1680
| > | > pixels wide, which requires horizontal scrolling...not a good
| > thing...and
| > | > just happens to be the width of your default screen resolution. If
you
| > look
| > | > at this link:
| > | > http://www.nigelhenderson.com/index_files/image342.gif
| > | > You will see part of your background image(s), and it is 1680 pixels
| > wide.
| > | > If you look at:
| > | > http://www.hendersonlightingdesign....s/image3121.jpg
| > | > It is 1695x940 which also cause a page that is too wide. These
| > observations
| > | > seem to indicate that your overall page width is a result of your
| > screen
| > | > resolution...the wide aspect ratio. Once again, unless you are
| > inserting
| > | > extra large images in the background to begin with, or perhaps using
a
| > | > master page, this seems to imply that you will need to change the
| > resolution
| > | > on your laptop to 800x600, 1152x864 or some other 1.3:1 ratio...or
in
| > other
| > | > words the 4:3 ratio instead of the 1.6:1 wide aspect ratio. Check
the
| > | > different resolution options available to you on your laptop, and
| > choose
| > one
| > | > with the 1.3:1 ratio, set the dpi to 96, and then open your
Publisher
| > | > document, edit it as necessary, and try producing your site again. I
| > am
| > | > assuming that your Publisher page is setup as the standard 800 pixel
| > size,
| > | > which will show on your publisher page as 760 pixels wide..or 7.92
| > inches if
| > | > you aren't using the pixel ruler. Please post it to your test page
| > when
| > you
| > | > are done...I will be curious to see how it looks compared to your
| > regular
| > | > page.
| > | >
| > | > If the pages produced with the screen resolution set at a 1.3:1
ratio,
| > and
| > | > 96dpi produce a page that works, then you have a solution, albeit
not
| > a
| > very
| > | > satisfactory one. I would assume that part of the reason you bought
a
| > wide
| > | > aspect laptop is to use the wide aspect screen. Switching back and
| > forth
| > is
| > | > not very handy, but hopefully your site will be fairly static, and
you
| > won't
| > | > have to do this that often. But if we have figured out a workaround
| > solution
| > | > for this issue, then at least we have identified the issues, and
| > perhaps
| > the
| > | > powers that be at Microsoft can come up with a better solution. So,
I
| > do
| > | > appreciate you spending some time on this. Let me know when you get
| > the
| > test
| > | > site posted. Thanks.
| > | >
| > | > DavidF
| > | >
| > | > "robmog" <robmog@discussions.microsoft.com> wrote in message
| > | > news:F90E4995-AED9-439A-A357-84448BBBD132@microsoft.com...
| > | > >A lot of this may be down to my not really planning the website in
| > any
| > | > >great
| > | > > detail. I started playing around with Publisher because I had it
| > installed
| > | > > and before I knew it I had a website. However there does appear to
| > be
| > a
| > | > > conflict between widescreen design and 4:3, and dpi seems to be a
| > major
| > | > > factor.
| > | > > When I built the site my laptop was set at 1680x1050 and 120dpi. I
| > | > > basicaly
| > | > > designed a page, previewed it with IE6 and then made adjustments
to
| > | > > achieve
| > | > > the required result. The published result displayed fine on my
| > laptop
| > when
| > | > > veiwed in IE6 and the latest versions of Firefox and Opera.
However,
| > when
| > | > > viewed on some other computers, particularly through firefox and
| > opera
| > and
| > | > > safari the text became jumbled. This happened on both my partners
| > laptop
| > | > > (1024x768 96dpi) and on screenshots from other browsers at www.
| > | > > screenshots.org
| > | > >
| > | > > At your suggestion I reset my laptop to 96 dpi and when I viewed
the
| > pages
| > | > > online I now also experienced the same jummbling of text. I then
| > checked
| > | > > the
| > | > > page settings in Publisher and these were set at 800x600. With the
| > dpi
| > | > > still
| > | > > set at 96 but making no other changes to the publisher files I
| > republished
| > | > > the site to the web. This solved the problem both on my partners
| > laptop
| > | > > and
| > | > > on the screenshots from other browsers. With my laptop still set
at
| > 96,
| > | > > Opera
| > | > > displayed the pages correctly. Both IE6 and Firefox displayed the
| > pages
| > | > > without error but put a large white border along the bottom and
| > right
| > hand
| > | > > side.
| > | > >
| > | > > Of course when I set my laptop back to 120 dpi I was now
| > experiencing
| > the
| > | > > same problems that the other computers suffered before, ie jumbled
| > up
| > | > > text.
| > | > >
| > | > > I do not have a 4:3 machine that can be set at 120dpi so I can't
| > confirm
| > | > > it,
| > | > > but it appears that if you design a site at 120dpi it has problems
| > when
| > | > > veiwed at 96, and if you create it at 96 then it has problems when
| > viewed
| > | > > at
| > | > > 120 ( at least on a wide screen). I will carry out some more tests
| > at
| > | > > other
| > | > > resulutions and see what happens.
| > | > >
| > | > > I don't know which browsers you have but the original site(120dpi)
| > can
| > be
| > | > > viewed at www.nigelhenderson.com, and the republished
version(96dpi)
| > can
| > | > > be
| > | > > found at www.test.rchenderson.co.uk if you want to see the
| > differences
| > for
| > | > > yourself.
| > | > >
| > | > > Interestingly I have another simpler site
| > www.hendersonlightingdesign.com
| > | > > which was designed at 120 widescreen and although there are
| > diferences
| > | > > when
| > | > > viewed on other browsers and resolutions, these are small and
don't
| > really
| > | > > effect the overall usage of the site.
| > | > >
| > | > > Hope some of this helps. Let me know if you need me to try
anything
| > else
| > | > > and
| > | > > I'll keep you updated on my tests.
| > | > >
| > | > > "DavidF" wrote:
| > | > >
| > | > >> Romob,
| > | > >>
| > | > >> I have a favor to ask. Would you answer a few questions, and try
a
| > test
| > | > >> or
| > | > >> two and report back? With the increase use of wide aspect ratio
| > screens,
| > | > >> we
| > | > >> need to figure out why the Publisher HTML output is so different,
| > and
| > I
| > | > >> don't have a wide aspect screen to test.
| > | > >>
| > | > >> What is the DPI setting for your laptop screen at 1680x1050? Is
it
| > 96
| > dpi
| > | > >> or
| > | > >> perhaps 120? Did you see if changing this setting had any impact
on
| > how
| > | > >> your
| > | > >> html output looked?
| > | > >>
| > | > >> How do you have the Publisher document set up? Go to File > Page
| > Setup >
| > | > >> Layout. Under Page Size are you using the Standard (800 X 600)
| > setting,
| > | > >> or a
| > | > >> custom setting...and if so, what is that custom setting?
| > | > >>
| > | > >> Would you please try producing your Publisher HTML output at
| > 800x600,
| > and
| > | > >> perhaps 1152x864 or some other setting you can use on your laptop
| > that
| > | > >> gives
| > | > >> you the 1.33:1 ratio? How does the output vary from your
1680x1050
| > | > >> setting?
| > | > >>
| > | > >> Save the output of each test you do for the short term. I may
have
| > some
| > | > >> follow up questions.
| > | > >>
| > | > >> Thanks.
| > | > >>
| > | > >> DavidF
| > | > >>
| > | > >> "robmog" <robmog@discussions.microsoft.com> wrote in message
| > | > >> news:BB58D316-B619-488B-8941-A421C5ADBBE2@microsoft.com...
| > | > >> > In order to compensate for designing on a widescreen display I
| > | > >> > positioned
| > | > >> > everything so that it was still visible when veiwed 4:3, and
even
| > | > >> > allowed
| > | > >> > for
| > | > >> > a "favourites" menu to be open on the left side of the browser.
| > This
| > | > >> > left
| > | > >> > quite a large unused area on the right hand side when viewed
| > | > >> > widescreen.
| > | > >> > Presumably the best solution would be to set both my screens to
| > 800x600
| > | > >> > and
| > | > >> > actually do the design work on the 4:3 screen
| > | > >> >
| > | > >> > "DavidF" wrote:
| > | > >> >
| > | > >> >> In addition to what Mike and Rob said, Publisher sites when
| > produced
| > | > >> >> on
| > | > >> >> wide
| > | > >> >> aspect ratio laptops can look strange. One thing that has
helped
| > in
| > | > >> >> some
| > | > >> >> cases: Right click your desktop > Properties > Settings >
| > Advanced
| > >
| > | > >> >> and
| > | > >> >> change the font size to a 96 dpi setting. I would guess that
you
| > have
| > | > >> >> this
| > | > >> >> set at 120 dpi, and you may find the text size too small for
| > normal
| > | > >> >> viewing,
| > | > >> >> but try it for the short term. Then open your Publisher file
and
| > | > >> >> produce
| > | > >> >> new
| > | > >> >> html files and test those.
| > | > >> >>
| > | > >> >> DavidF
| > | > >> >>
| > | > >> >> "robmog" <robmog@discussions.microsoft.com> wrote in message
| > | > >> >> news:B1F46443-65E2-4EC9-B6E9-30F6117AB33B@microsoft.com...
| > | > >> >> > What is the best resolution setting for building publisher
web
| > | > >> >> > sites. I
| > | > >> >> > have
| > | > >> >> > been designing mine on my laptop which is a widescreen
running
| > at
| > | > >> >> > 1680x1050.
| > | > >> >> > I have also been previewing them on my 4:3 extended desktop
| > monitor
| > | > >> >> > running
| > | > >> >> > at 1280x1024. They all look fine in both formats when viewed
| > via
| > | > >> >> > IE6,
| > | > >> >> > Opera9
| > | > >> >> > and firefox. However if I view them in the same browsers on
my
| > | > >> >> > partners
| > | > >> >> > laptop which has a maximium resolution of 1024 x 768 some of
| > the
| > | > >> >> > pages
| > | > >> >> > fall
| > | > >> >> > apart completely. I am guessing that this is a resolution
| > problem
| > | > >> >> > but
| > | > >> >> > oddly
| > | > >> >> > if I set my 4:3 monitor to 1024 x 768 the pages all look
fine.
| > It is
| > | > >> >> > somewhat
| > | > >> >> > frustrating as I now have no idea what my site looks like to
| > the
| > | > >> >> > majority
| > | > >> >> > of
| > | > >> >> > people. (www.nigelhenderson.com if anybody would like to
take
| > a
| > look
| > | > >> >> > and
| > | > >> >> > report back.)
| > | > >> >>
| > | > >> >>
| > | > >> >>
| > | > >>
| > | > >>
| > | > >>
| > | >
| > | >
| > | >
| >
| >
|
|

DavidF

2007-01-27, 10:40 pm

Thanks. Any insight you might have would be appreciated.

DavidF

"Rob Giordano (Crash)" <webmaster@siriussystems.invalid> wrote in message
news:ubhAtyGOHHA.3552@TK2MSFTNGP03.phx.gbl...
> Thanks I appreciate your comments. I use Publisher mostly for
> welll...paper
> and ink and only mess around with it's web abilities once in a while to
> see
> if I can help out here once in a while. I use FP, DW and now EW for web
> stuff.
>
> Anyway, I'll mess around with this sometime this week and see if I can
> understand wazzup...I'll clean my glasses and read through this thread
> again
> 8)
>
>
> "DavidF" <Nope@nospam.com> wrote in message
> news:%23N%23C%23fDOHHA.4848@TK2MSFTNGP04.phx.gbl...
> | Rob,
> |
> | I think I understand what you are saying, and I did read the article you
> | cited. However, the bottom line is that the Publisher html code engine
> | creates different pages depending on the resolution and the dpi. Why?
> Heck
> I
> | don't know, but it does. Several years ago when I first bought my
> current
> | laptop, I noticed that my Publisher generated web pages looked different
> | when I produced them from my laptop than when I produced them from my
> | desktop. I asked David Bartosik why, and he said it was impossible! So,
> I
> | sent him the two sets of html files generated from the laptop and the
> | desktop, and sure enough, he agreed that they were different, though he
> | could not explain why. Ultimately, if I switched the resolution and dpi
> to
> | the same settings, the output was the same.
> |
> | Now I am not an expert. I don't understand coding. I have limited
> experience
> | with FrontPage and Dreamweaver, or any other software specifically
> designed
> | for web building. However, David Bartosik is an expert...that's how he
> makes
> | his living. He made the same, logical conclusions that you have, but
> | ultimately the reality is that the html output from Publisher is
> affected
> by
> | resolution and dpi of the computer that generates the html.
> |
> | My goal in all of this is to first find a workaround. While this issue
> came
> | up once in a while in the past, it seems that it is coming up much more
> | frequently now that the wide aspect ratio laptops are becoming more
> popular,
> | and thus this issue is more common. It would be great to find a
> workaround,
> | so if you have any ideas, please join in. You know a heck of a lot more
> than
> | I do about coding, etc. The problem seems to be tied to the way the html
> | engine works, and unfortunately Pub 2007 has the same engine. So the
> problem
> | is not likely to go away.
> |
> | My second goal is to find a way to provide the powers that be at MS with
> a
> | reproducible scenario, so that perhaps they can provide some ideas of
> how
> to
> | work around this. Somehow though, I suspect that if a workaround is
> going
> to
> | be found, it will have to be out here, because I just don't see MS
> willing
> | to put much effort into this. Their probable response is to switch to
> | Expression or SharePoint...after all, those are the programs for web
> | building...
> |
> | Don't get me wrong...I really do appreciate your comments. I learn from
> you
> | as do others in this group. I just felt it was important to explain this
> | "issue" at bit...and then perhaps you can offer a solution??? Thanks.
> |
> | DavidF
> |
> |
> | "Rob Giordano (Crash)" <webmaster@siriussystems.invalid> wrote in
> message
> | news:OKmr9nCOHHA.2236@TK2MSFTNGP02.phx.gbl...
> | > You're spinning your wheels thinking that resolution and screensize
> is
> | > the
> | > issue, it's not. You need to be thinking viewport size...and you have
> no
> | > idea what that is for each user!
> | >
> | > http://www.thepattysite.com/window_sizes1.cfm
> | >
> | >
> | >
> | > "robmog" <robmog@discussions.microsoft.com> wrote in message
> | > news:1AC51AB8-9338-41CB-B202-B5F08CCA00FE@microsoft.com...
> | > | Thanks for the info. "vlm" and "png " are unchecked. I'm not sure
> that
> I
> | > used
> | > | a master page - I tried but it didn't seem to work the way I
> expected.
> | > The
> | > | Nigel Henderson home page was basically created by modifying the
> | > Publisher
> | > | "Capsules" template. After I had done this I tried to make it a
> master
> | > for
> | > | subsequent pages but all that happened was the next page reverted to
> the
> | > | "Capsules" template ( I possibly wasn't appling it correctly.
> Subsequent
> | > | apges were therefore produced by duplicating the previous page and
> | > deleting
> | > | and modifying colours and objects as required.
> | > |
> | > | I was possibly a little over ambitious with my first attempts to
> design
> | > | sites. The width of the pages on both sites wa squite deliberate. I
> was
> | > | trying to create a site that looked interesting for the different
> | > extremes
> | > of
> | > | view. In 4:3 mode with a favourites bar down the left, all the
> required
> | > | information is still visable. In widescreen mode without a side bar
> the
> | > | information is on the very left of the screen but the background
> image
> | > or
> | > | header extends to the right hand edge of the picture. In retrospect
> this
> | > may
> | > | not ahve been the best approach.
> | > |
> | > | I am now going to try reworking the sites with my laptop set at one
> | > | resolution (120dpi) and my 4:3 monitor set at 96, and see if I can
> | > create
> | > a
> | > | compromise that works for both resolutions.
> | > |
> | > | Has the 120/96 issue been addressed in Publisher 2007? Widescreen
> | > displays
> | > | are becoming increasingly common on laptops.
> | > |
> | > | I'll keep you updated with my results.
> | > |
> | > | "DavidF" wrote:
> | > |
> | > | > I don't know that I understand what is going on, but I have made
> some
> | > | > observations.
> | > | >
> | > | > First I am making some assumptions. I am assuming that you have
> opened
> | > your
> | > | > Publisher document, to the menu. Tools > Options > Web Tab, and
> | > uncheck
> | > | > "rely on vml...", and "Allow png...". I also assume that you have
> run
> | > the
> | > | > Design Checker under Tools to check for any problems.
> | > | >
> | > | > Publisher produces html output with absolute positioning, and a
> fixed
> | > page
> | > | > at 96dpi. If you produce your pages at a 120dpi setting, the text
> is
> | > going
> | > | > to be a different size, and the page will be "jumbled". As you
> | > discovered,
> | > | > changing the setting on your laptop to 96dpi before you produce
> your
> | > html,
> | > | > solves the problem of the page not showing correctly on your
> partners
> | > page,
> | > | > and other computers with the dpi at 96. Most standard monitors and
> | > displays
> | > | > are set at a default 96dpi...except for the new widescreen laptops
> and
> | > wide
> | > | > aspect monitors. To design for most, produce your pages at 96dpi.
> Not
> | > a
> | > | > good, universal solution, but a compromise apparently required by
> the
> | > | > Publisher html engine limitations.
> | > | >
> | > | > The second issue is the overall width of your pages. Your main
> site
> is
> | > 1680
> | > | > pixels wide, which requires horizontal scrolling...not a good
> | > thing...and
> | > | > just happens to be the width of your default screen resolution. If
> you
> | > look
> | > | > at this link:
> | > | > http://www.nigelhenderson.com/index_files/image342.gif
> | > | > You will see part of your background image(s), and it is 1680
> pixels
> | > wide.
> | > | > If you look at:
> | > | > http://www.hendersonlightingdesign....s/image3121.jpg
> | > | > It is 1695x940 which also cause a page that is too wide. These
> | > observations
> | > | > seem to indicate that your overall page width is a result of your
> | > screen
> | > | > resolution...the wide aspect ratio. Once again, unless you are
> | > inserting
> | > | > extra large images in the background to begin with, or perhaps
> using
> a
> | > | > master page, this seems to imply that you will need to change the
> | > resolution
> | > | > on your laptop to 800x600, 1152x864 or some other 1.3:1 ratio...or
> in
> | > other
> | > | > words the 4:3 ratio instead of the 1.6:1 wide aspect ratio. Check
> the
> | > | > different resolution options available to you on your laptop, and
> | > choose
> | > one
> | > | > with the 1.3:1 ratio, set the dpi to 96, and then open your
> Publisher
> | > | > document, edit it as necessary, and try producing your site again.
> I
> | > am
> | > | > assuming that your Publisher page is setup as the standard 800
> pixel
> | > size,
> | > | > which will show on your publisher page as 760 pixels wide..or 7.92
> | > inches if
> | > | > you aren't using the pixel ruler. Please post it to your test page
> | > when
> | > you
> | > | > are done...I will be curious to see how it looks compared to your
> | > regular
> | > | > page.
> | > | >
> | > | > If the pages produced with the screen resolution set at a 1.3:1
> ratio,
> | > and
> | > | > 96dpi produce a page that works, then you have a solution, albeit
> not
> | > a
> | > very
> | > | > satisfactory one. I would assume that part of the reason you
> bought
> a
> | > wide
> | > | > aspect laptop is to use the wide aspect screen. Switching back and
> | > forth
> | > is
> | > | > not very handy, but hopefully your site will be fairly static, and
> you
> | > won't
> | > | > have to do this that often. But if we have figured out a
> workaround
> | > solution
> | > | > for this issue, then at least we have identified the issues, and
> | > perhaps
> | > the
> | > | > powers that be at Microsoft can come up with a better solution.
> So,
> I
> | > do
> | > | > appreciate you spending some time on this. Let me know when you
> get
> | > the
> | > test
> | > | > site posted. Thanks.
> | > | >
> | > | > DavidF
> | > | >
> | > | > "robmog" <robmog@discussions.microsoft.com> wrote in message
> | > | > news:F90E4995-AED9-439A-A357-84448BBBD132@microsoft.com...
> | > | > >A lot of this may be down to my not really planning the website
> in
> | > any
> | > | > >great
> | > | > > detail. I started playing around with Publisher because I had it
> | > installed
> | > | > > and before I knew it I had a website. However there does appear
> to
> | > be
> | > a
> | > | > > conflict between widescreen design and 4:3, and dpi seems to be
> a
> | > major
> | > | > > factor.
> | > | > > When I built the site my laptop was set at 1680x1050 and 120dpi.
> I
> | > | > > basicaly
> | > | > > designed a page, previewed it with IE6 and then made adjustments
> to
> | > | > > achieve
> | > | > > the required result. The published result displayed fine on my
> | > laptop
> | > when
> | > | > > veiwed in IE6 and the latest versions of Firefox and Opera.
> However,
> | > when
> | > | > > viewed on some other computers, particularly through firefox and
> | > opera
> | > and
> | > | > > safari the text became jumbled. This happened on both my
> partners
> | > laptop
> | > | > > (1024x768 96dpi) and on screenshots from other browsers at www.
> | > | > > screenshots.org
> | > | > >
> | > | > > At your suggestion I reset my laptop to 96 dpi and when I viewed
> the
> | > pages
> | > | > > online I now also experienced the same jummbling of text. I then
> | > checked
> | > | > > the
> | > | > > page settings in Publisher and these were set at 800x600. With
> the
> | > dpi
> | > | > > still
> | > | > > set at 96 but making no other changes to the publisher files I
> | > republished
> | > | > > the site to the web. This solved the problem both on my partners
> | > laptop
> | > | > > and
> | > | > > on the screenshots from other browsers. With my laptop still set
> at
> | > 96,
> | > | > > Opera
> | > | > > displayed the pages correctly. Both IE6 and Firefox displayed
> the
> | > pages
> | > | > > without error but put a large white border along the bottom and
> | > right
> | > hand
> | > | > > side.
> | > | > >
> | > | > > Of course when I set my laptop back to 120 dpi I was now
> | > experiencing
> | > the
> | > | > > same problems that the other computers suffered before, ie
> jumbled
> | > up
> | > | > > text.
> | > | > >
> | > | > > I do not have a 4:3 machine that can be set at 120dpi so I can't
> | > confirm
> | > | > > it,
> | > | > > but it appears that if you design a site at 120dpi it has
> problems
> | > when
> | > | > > veiwed at 96, and if you create it at 96 then it has problems
> when
> | > viewed
> | > | > > at
> | > | > > 120 ( at least on a wide screen). I will carry out some more
> tests
> | > at
> | > | > > other
> | > | > > resulutions and see what happens.
> | > | > >
> | > | > > I don't know which browsers you have but the original
> site(120dpi)
> | > can
> | > be
> | > | > > viewed at www.nigelhenderson.com, and the republished
> version(96dpi)
> | > can
> | > | > > be
> | > | > > found at www.test.rchenderson.co.uk if you want to see the
> | > differences
> | > for
> | > | > > yourself.
> | > | > >
> | > | > > Interestingly I have another simpler site
> | > www.hendersonlightingdesign.com
> | > | > > which was designed at 120 widescreen and although there are
> | > diferences
> | > | > > when
> | > | > > viewed on other browsers and resolutions, these are small and
> don't
> | > really
> | > | > > effect the overall usage of the site.
> | > | > >
> | > | > > Hope some of this helps. Let me know if you need me to try
> anything
> | > else
> | > | > > and
> | > | > > I'll keep you updated on my tests.
> | > | > >
> | > | > > "DavidF" wrote:
> | > | > >
> | > | > >> Romob,
> | > | > >>
> | > | > >> I have a favor to ask. Would you answer a few questions, and
> try
> a
> | > test
> | > | > >> or
> | > | > >> two and report back? With the increase use of wide aspect ratio
> | > screens,
> | > | > >> we
> | > | > >> need to figure out why the Publisher HTML output is so
> different,
> | > and
> | > I
> | > | > >> don't have a wide aspect screen to test.
> | > | > >>
> | > | > >> What is the DPI setting for your laptop screen at 1680x1050? Is
> it
> | > 96
> | > dpi
> | > | > >> or
> | > | > >> perhaps 120? Did you see if changing this setting had any
> impact
> on
> | > how
> | > | > >> your
> | > | > >> html output looked?
> | > | > >>
> | > | > >> How do you have the Publisher document set up? Go to File >
> Page
> | > Setup >
> | > | > >> Layout. Under Page Size are you using the Standard (800 X 600)
> | > setting,
> | > | > >> or a
> | > | > >> custom setting...and if so, what is that custom setting?
> | > | > >>
> | > | > >> Would you please try producing your Publisher HTML output at
> | > 800x600,
> | > and
> | > | > >> perhaps 1152x864 or some other setting you can use on your
> laptop
> | > that
> | > | > >> gives
> | > | > >> you the 1.33:1 ratio? How does the output vary from your
> 1680x1050
> | > | > >> setting?
> | > | > >>
> | > | > >> Save the output of each test you do for the short term. I may
> have
> | > some
> | > | > >> follow up questions.
> | > | > >>
> | > | > >> Thanks.
> | > | > >>
> | > | > >> DavidF
> | > | > >>
> | > | > >> "robmog" <robmog@discussions.microsoft.com> wrote in message
> | > | > >> news:BB58D316-B619-488B-8941-A421C5ADBBE2@microsoft.com...
> | > | > >> > In order to compensate for designing on a widescreen display
> I
> | > | > >> > positioned
> | > | > >> > everything so that it was still visible when veiwed 4:3, and
> even
> | > | > >> > allowed
> | > | > >> > for
> | > | > >> > a "favourites" menu to be open on the left side of the
> browser.
> | > This
> | > | > >> > left
> | > | > >> > quite a large unused area on the right hand side when viewed
> | > | > >> > widescreen.
> | > | > >> > Presumably the best solution would be to set both my screens
> to
> | > 800x600
> | > | > >> > and
> | > | > >> > actually do the design work on the 4:3 screen
> | > | > >> >
> | > | > >> > "DavidF" wrote:
> | > | > >> >
> | > | > >> >> In addition to what Mike and Rob said, Publisher sites when
> | > produced
> | > | > >> >> on
> | > | > >> >> wide
> | > | > >> >> aspect ratio laptops can look strange. One thing that has
> helped
> | > in
> | > | > >> >> some
> | > | > >> >> cases: Right click your desktop > Properties > Settings >
> | > Advanced
> | > >
> | > | > >> >> and
> | > | > >> >> change the font size to a 96 dpi setting. I would guess that
> you
> | > have
> | > | > >> >> this
> | > | > >> >> set at 120 dpi, and you may find the text size too small for
> | > normal
> | > | > >> >> viewing,
> | > | > >> >> but try it for the short term. Then open your Publisher file
> and
> | > | > >> >> produce
> | > | > >> >> new
> | > | > >> >> html files and test those.
> | > | > >> >>
> | > | > >> >> DavidF
> | > | > >> >>
> | > | > >> >> "robmog" <robmog@discussions.microsoft.com> wrote in message
> | > | > >> >> news:B1F46443-65E2-4EC9-B6E9-30F6117AB33B@microsoft.com...
> | > | > >> >> > What is the best resolution setting for building publisher
> web
> | > | > >> >> > sites. I
> | > | > >> >> > have
> | > | > >> >> > been designing mine on my laptop which is a widescreen
> running
> | > at
> | > | > >> >> > 1680x1050.
> | > | > >> >> > I have also been previewing them on my 4:3 extended
> desktop
> | > monitor
> | > | > >> >> > running
> | > | > >> >> > at 1280x1024. They all look fine in both formats when
> viewed
> | > via
> | > | > >> >> > IE6,
> | > | > >> >> > Opera9
> | > | > >> >> > and firefox. However if I view them in the same browsers
> on
> my
> | > | > >> >> > partners
> | > | > >> >> > laptop which has a maximium resolution of 1024 x 768 some
> of
> | > the
> | > | > >> >> > pages
> | > | > >> >> > fall
> | > | > >> >> > apart completely. I am guessing that this is a resolution
> | > problem
> | > | > >> >> > but
> | > | > >> >> > oddly
> | > | > >> >> > if I set my 4:3 monitor to 1024 x 768 the pages all look
> fine.
> | > It is
> | > | > >> >> > somewhat
> | > | > >> >> > frustrating as I now have no idea what my site looks like
> to
> | > the
> | > | > >> >> > majority
> | > | > >> >> > of
> | > | > >> >> > people. (www.nigelhenderson.com if anybody would like to
> take
> | > a