Re: resolution issues

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.com/index_files/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@xxxxxxxxxxxxxxxxxxxxxxxxx> wrote in message
news:F90E4995-AED9-439A-A357-84448BBBD132@xxxxxxxxxxxxxxxx
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@xxxxxxxxxxxxxxxxxxxxxxxxx> wrote in message
news:BB58D316-B619-488B-8941-A421C5ADBBE2@xxxxxxxxxxxxxxxx
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@xxxxxxxxxxxxxxxxxxxxxxxxx> wrote in message
news:B1F46443-65E2-4EC9-B6E9-30F6117AB33B@xxxxxxxxxxxxxxxx
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.)








.

Relevant Pages

  • Re: resolution issues
    ... out: Understanding background padding in a Publisher web: ... I am now going to try reworking the sites with my laptop set at one ... and other computers with the dpi at 96. ... and on screenshots from other browsers at www. ...
    (microsoft.public.publisher.webdesign)
  • Re: resolution issues
    ... out: Understanding background padding in a Publisher web: ... I am now going to try reworking the sites with my laptop set at one ... and other computers with the dpi at 96. ... and on screenshots from other browsers at www. ...
    (microsoft.public.publisher.webdesign)
  • Re: resolution issues
    ... Nigel Henderson home page was basically created by modifying the Publisher ... I am now going to try reworking the sites with my laptop set at one ... and other computers with the dpi at 96. ... and on screenshots from other browsers at www. ...
    (microsoft.public.publisher.webdesign)
  • Re: resolution issues
    ... You have to keep all design ... Understanding background padding in a Publisher web: ... I am now going to try reworking the sites with my laptop set at one ... and on screenshots from other browsers at www. ...
    (microsoft.public.publisher.webdesign)
  • Re: resolution issues
    ... I started playing around with Publisher because I had it installed ... When I built the site my laptop was set at 1680x1050 and 120dpi. ... and on screenshots from other browsers at www. ... At your suggestion I reset my laptop to 96 dpi and when I viewed the pages ...
    (microsoft.public.publisher.webdesign)
Loading