Resolving websites to handle Monitor resolutions

N

Norm75

In my new website I will be encountering users who have a variety of monitor
resolutions.

In my experimentation, I found that having heads centered and the font size
looking proper, visiting my experimental site using another computer -
different screen resolution - caused the heads to not be centered and some of
the font sizes to be quite different from what I had layed out.

Is there a way I can "lock in" the lay out so it will be "true" on a variety
of computers?

Your help will be appreciated. Thanks.

Norm.
 
A

Andrea - goldenpinecone.com

Hi Norm -

As Dave has noted, you may wish to set the width of your table (or CSS
layout if you're not using tables) to a fixed width. A safe bet is about
760px wide as it accomodates those still using the 800x600 layout.

Fonts on the other hand should be set at a percentage, such as 90%, rather
than a fixed height. This way, if your user wishes to increase the font size
for easier reading (or for those with visual imparement needs) you won't
limit them to your choice. The percentage will allow for scaling - try it in
IE. Go to View, Text Size and increase/decrease it. Some sites won't permit
for a font change as they've locked their users into one defined size (i.e.
font-size: 10pt).

Not sure if you wanted this additional tidbit ;) but it's a 'best practice'
now and I thought I'd pass it along :)

cheers,
andrea
 
N

Norm75

Thanks to Dave, Andrea and Murray for your terrific help.

I am very appreciative and this will sure help me along.
Norm.
 
A

Andrea - goldenpinecone.com

Hi Murray -

I'm referring to a css - where one can define the font size to point or
percentages.
Where the webmaster opts to use points, their visitors cannot flex the font
size larger/smaller using IE's "View + Text" (small, med, large) feature.

Hope that clears up the point :)
 
M

Murray

Where the webmaster opts to use points, their visitors cannot flex the
font
size larger/smaller using IE's "View + Text" (small, med, large) feature.

Sure can. Enable the accessability options and your 'fixed font size' page
goes down in flames. The people who need to do this, know how to do it.
And it's ugly....
 
M

Murray

Don't use a print font metric for display on a screen. Use a pixel-based
(i.e., px) or a relative font size (i.e., em, en, ex, percent, or font size
names), since people can resize your font no matter what you use. Otherwise
you will wind up chasing your tail exactly the way you are right now.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top