Vista displays Different than Win XP

[Phil]

I use Publisher 2007 with Vista Home Premium. My monitor is set at
1650x1080. When I create a web page with Publisher 2007 and then review it
with Firefox, it looks fine on my computer. However, when I view it on my
Win XP computer (1024x768) it looks OK with IE7 but not with Firefox. The
primary problem is that pictures "float" to a different location with
Firefox. A sample webpage is sir-web.org/sums

Also, I noticed that a user asked for your opinion on her webpage located at
stillwaterjovolleyball.org When I view her webpage with my Win XP computer
and IE7 it looks fine. When I view it with my Vista computer and IE7 many of
the pictures and text overlap. I took a picture of my screen with the
Snipping tool, but I don't think I can insert it here.

Can anyone enlighten me about differences between Vista and Win XP when
viewing web pages? Also, why do pages created on my Vista machine look fine
in Firefox on the same machine, but not on a different, Win XP Machine?

Thanks for any comments -- its all very puzzling.

 

[Phil]

Followup to my earlier message. I just realized that I had theWindows font
size set on my Vista machine to large font (120 dpi). Once I reset it to the
default font size (96 dpi) everything works as expected. My web page looks
OK in IE 7, but not in Firefox. I think it was just a coincidence that the
webpage looked OK in Firefox when my font size was 120 dpi.

Also, I looked at the webpage from another user at
stillwaterjovolleyball.org and it now looks OK with IE7. It did not look OK
when my Windows font size was set to 120 dpi.

With my 22" monitor, I really prefer the larger font size, but it can cause
web pages to appear incorrectly. Any comments?

 

[DavidF]

Publisher uses absolute positioning and outputs at 96 dpi by default when
you publish your html. When you view a web page with a monitor set at 120
dpi, the page will not render correctly in either FF or IE. If you publish
your pages on a machine where the monitor/display is set at 120 dpi, then
those pages will not look correct on monitor set at 96 dpi. As even the
"compress graphics" feature in Publisher resizes and resamples inserted
images at 96 dpi, and most monitors are set at 96, that should be your
default for producing your website. At this point there is no work around
that I am aware of.

DavidF