Re: 96 DPI /120 DPI conflict - a possible solution

Hi All,

I'm just a newbie to this whole website/Publisher business, but after
having some problems displaying our new website on different PC's I
stumbled across this newsgroup - which has been an absolute mine of
information (thank-you all!) I have also been having problems getting
our website to display properly on 120DPI widescreen laptops. I tried
grouping all of the objects on each page as you have suggested, and
although it improved the layout in IE7, I found that it was still not
identical to the original 96DPI layout. The other downside (as you
alluded to, Robert) was that all of the text-based hyperlinks
disappeared in Firefox. The quality of the text and images were also
degraded when viewed in Firefox (something to do with the grouping of
objects?).

However, after a bit of playing around with the HTML code (which I'm
also new to), it looks to me like one of the problems is with the way
that objects are positioned on-screen, using either point or pixel-
based measurements. For example, to display a particular image on our
website, Publisher 2007 generated the following code:

[if gte vml 1]><v:rect
id="_x0000_s1273" style='position:absolute;left:293.25pt;top:
136.5pt;width:312pt;height:57.21pt;
...
</v:rect><![endif]
[if !vml]><span style='position:absolute;z-index:164;left:
391px;top:182px;width:416px;height:76px'>
<img width=416 height=76 src="index_files/image3451.gif"
v:shapes="_x0000_s1273">
</span><![endif]

So from my novice viewpoint, it looks like if VML is used (in IE6 or
IE7, but not Firefox?) then the image is positioned using pt-based
coordinates

("left:293.25pt;top:136.5pt;width:312pt;height:57.21pt")

but if VML isn't used then the image is positioned using pixels

("left:391px;top:182px;width:416px;height:76px").

I found that if I manually went through the HTML code and replaced the
"left" and "top" point coordinates in the VML reference with pixel
coordinates, that the page then displayed correctly at 120DPI. So in
the previous example, I changed the first part of the code to be:

[if gte vml 1]><v:rect
id="_x0000_s1273" style='position:absolute;left:391px;top:
182px;width:312pt;height:57.21pt;
...
</v:rect><![endif]

Note that I didn't change the "width" or "height" scaling factors. I
also didn't have to reposition every object on the page - only the
textboxes and pictures, but not the lines. Obviously this solution
isn't appropriate for a huge site, but for my purposes it only took a
short period of time to complete (our site consists of only 7 pages).
But it looks to me like a simple change to the engine generating the
HTML code would fix a lot of the display problems that are occurring.
And as people have commented before, this is only going to become more
of an issue in the future with an increasing uptake of higher-res
screens.

Shaun

.

Relevant Pages

  • Re: Another printer deleting itself.
    ... screensaver takes over the display, I then move my mouse and it's fine again. ... watched as he did all the usual stuff of reloading the the ATI Radeon driver ... I added your website to my ... Don't forget to restart it afterwards (or a reboot should start it ...
    (microsoft.public.windowsxp.print_fax)
  • Re: 96 DPI /120 DPI conflict - a possible solution
    ... having some problems displaying our new website on different PC's I ... our website to display properly on 120DPI widescreen laptops. ... after a bit of playing around with the HTML code (which I'm ...
    (microsoft.public.publisher.webdesign)
  • Re: Web site not displaying correctly with Firefox (ok with IE7)
    ... uploaded it to my website something has broken and it does not display ... normally using Firefox (IE is still okay) ...
    (uk.net.web.authoring)
  • Re: Help/advice - basic image processing question
    ... The enquiry was simply about reducing the storage/mailing ... Paul didn't mention web display. ... about e-mailing pics to people and use on website. ...
    (comp.sys.acorn.misc)
  • Re: Update problems
    ... The website has encountered a problem and cannot display the page you are ... When it lists what it finds - install the critical ones. ... Microsoft Online Assisted Support (no-cost for Windows Update issues) ...
    (microsoft.public.windowsupdate)