Re: resolution issues
- From: "Rob Giordano \(Crash\)" <webmaster@xxxxxxxxxxxxxxxxxxxxx>
- Date: Sun, 14 Jan 2007 15:19:11 -0700
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@xxxxxxxxxxxxxxxxxxxxxxxxx> wrote in message
news:1AC51AB8-9338-41CB-B202-B5F08CCA00FE@xxxxxxxxxxxxxxxx
| 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.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.)
| > >> >>
| > >> >>
| > >> >>
| > >>
| > >>
| > >>
| >
| >
| >
.
- Follow-Ups:
- Re: resolution issues
- From: DavidF
- Re: resolution issues
- From: robmog
- Re: resolution issues
- From: DavidF
- Re: resolution issues
- References:
- Re: resolution issues
- From: DavidF
- Re: resolution issues
- From: DavidF
- Re: resolution issues
- From: robmog
- Re: resolution issues
- From: DavidF
- Re: resolution issues
- From: robmog
- Re: resolution issues
- Prev by Date: Re: My browser shuts down when attempting to view my website
- Next by Date: Re: My browser shuts down when attempting to view my website
- Previous by thread: Re: resolution issues
- Next by thread: Re: resolution issues
- Index(es):
Relevant Pages
|
