Viewing Website is different on certain computers

[mimwinter]

When my website is viewed on certain computers the spacing of some of the font and images is wrong... certain things are overlapping and just not fitting correctly. But on other computers it looks totally great and normal. Is there something I can do to change the settings on my web-builder program so that it looks normal on all computers??
Thanks! :smile:

[oheso]

I'm afraid there's really not enough information in your question to be able to answer meaningfully. It would be nice if there was a button we could push that ensured our web pages looked identical to every visitor. Sadly, it's not the case.

There are a lot of variables here: the type and version of the visitor's browser (e.g., Internet Explorer, Safari, Firefox, just to name a few), the resolution of the visitor's monitor, and the operating system (Windows, Macintosh, Linux) and available fonts -- all these determine how a page will appear on the visitor's computer.

There are ways to minimize the differences. The biggest things to ensure are that your code is rendered in standards compliance mode, and that the code is fully valid HTML and CSS. How that's done varies among web builder programs. Some are helpful with this and others do not create compliant code at all.

You might want to do a little research on standards compliance mode (as opposed to quirks mode), as well as creating valid HTML and CSS code.

How to trigger standards compliance mode:
http://en.wikipedia.org/wiki/Quirks_mode#Triggering_different_rendering_modes

HTML validator:
http://validator.w3.org/

CSS validator:
http://jigsaw.w3.org/css-validator/

[Jeff]

http://www.browsershots.org/ is a handy tool to get an idea of how your page displays on a variety of specific browsers.

For some reason there are no mac screenshot factories active now though, which was also handy in the past for me in addition to the windows & linux browsers.