Hello All,
Once again I am back with another question – I have set up my
companys website thru Dreamweaver, checked it on my computer
(browser), checked it with boss’ computer; All looks Great!!! A
co-worker (who has a different size moniter) viewed & the pages
are much bigger on her computer. I changed the screen resolution on
my computer to the highest setting (boss said that would take care
of the problem – I am not quite sure how this is going to resolve
the issue, but I did it anyway). On some of my pages I have used 18
px (font) & other pages I used 100% font. Am I in the right
“ballpark” to resolve this issue?
Thank You up front for any and all responses – Have a
wonderful day/night
Reba|||
Resolution is not the critical issue. Browser viewport width
is. To make
your decision you need to have some ideas about the following
issues -
1. What is the primary target demographic for this site?
2. What are the browsing habits of that demographic? Do they
normally have
their browser window maximized on the screen?
3. If they usually have their browser maximized, what is the
typical screen
width?
4. If they usually do NOT have their browser maximized, what
is the MINIMUM
screen width in that demographic.
5. How do I want to build the page?
a. Fixed width and left aligned?
b. Fixed width and centering?
c. Flexible to fill whatever width from left to right?
d. Flexible (within limits) and left aligned?
e. Flexible (within limits) and centering?
As you can see, this decision is probably much more complex
than you
thought, and will require that you know quite a bit about
your intended
target visitor and their browsing habits.
If you elect to go with 5a, or 5b, then your decision would
be – ‘what is
the mimimum browser width I want to support without
horizontal scrolling?’.
Once you have determined that minimum supported width, all of
your decisions
are made. That’s how wide you want your page to be.
If you elect to go with 5c, then you just build your page
within a flexible
container (the simplest example – although an obsolet one -
would be to use
a 100% width table to hold the entire page). Be aware that
pages with
limited text content can look VERY sparse and empty on wide
viewports when
built in this way.
If you elect to go with 5d, or 5e, then you would add this
sophistication to
your decision matrix -
‘what is the greatest width I want to allow the page and its
contents to
become?’
In this case, you would use the CSS styles – ‘min-width’ and
‘max-width’ on
the primary page container. Just so you’ll know, although
these styles are
well supported *now*, earlier versions of IE (and some other
browsers) will
not support them so reliably.
So – which is it?
–
Murray — ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don’t LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com – DW FAQs,
Tutorials & Resources
==================
“Reba R.” <webforumsuser@macromedia.com> wrote in
message
news:g5l0tb$o3g$1@forums.macromedia.com…
> Hello All,
>
> Once again I am back with another question – I have set
up my companys
> website
> thru Dreamweaver, checked it on my computer (browser),
checked it with
> boss’
> computer; All looks Great!!! A co-worker (who has a
different size
> moniter)
> viewed & the pages are much bigger on her computer.
I changed the screen
> resolution on my computer to the highest setting (boss
said that would
> take
> care of the problem – I am not quite sure how this is
going to resolve the
> issue, but I did it anyway). On some of my pages I have
used 18 px (font)
> &
> other pages I used 100% font. Am I in the right
“ballpark” to resolve
> this
> issue?
>
> Thank You up front for any and all responses – Have a
wonderful day/night
>
> Reba
>
|||
Reba R. wrote:
> Hello All,
>
> Once again I am back with another question – I have set
up my companys website
> thru Dreamweaver, checked it on my computer (browser),
checked it with boss’
> computer; All looks Great!!! A co-worker (who has a
different size moniter)
> viewed & the pages are much bigger on her computer.
I changed the screen
> resolution on my computer to the highest setting (boss
said that would take
> care of the problem – I am not quite sure how this is
going to resolve the
> issue, but I did it anyway). On some of my pages I have
used 18 px (font) &
> other pages I used 100% font. Am I in the right
“ballpark” to resolve this
> issue?
You cannot make your site look identical IF end-users have a
different
browser/screen set up to those in which you designed the
site.
If you are using a high resolution setting then things are
going to look
smaller and if you are using a lower resolution setting
things are going
to look bigger.
People who use either will accept that’s the way the page
should look
UNLESS they have access to another monitor and they like that
set up
better…in which case they need to change the resolution of
their
screen…..or if they like their set up better and they are
‘top-dog’
within the company you need to change yours so you can see
how they view it.
|||
Thank you for your response – unfortunatly I have no clue
what kind of computers our “viewers” use. Everything looked great
on co-workers moniter except that she had her moniter resolution
set for lowest setting. The pages were correct just big on her
moniter; does that make sense?|||
Reba R. wrote:
> Thank you for your response – unfortunatly I have no
clue what kind of
> computers our “viewers” use. Everything looked great on
co-workers moniter
> except that she had her moniter resolution set for
lowest setting. The pages
> were correct just big on her moniter; does that make
sense?
>
Yes and that’s how she sees every other site…….bigger
than those
using high resolution monitors.
This can cause issues because when you have two monitors set
on
different settings the site will look different…….that’s
the way it is.
|||
Thank you for your response – It may take a few minutes, but
I think it is “sinking in” to my brain. I have changed a couple of
things & will load onto co-workers machine to see if it looks
any better. Of course everyone doesn’t use the same set up or have
the same size moniter, lol.
Again, thank you to all that was able to respond to me.
Reba
Related posts:
- Font Size confusion
- Font Size is missing in Type Menu
- Accessibility Feature – Change font behaviour (size)
- CSS font size question
- How to set font size and space between font
Related posts brought to you by Yet Another Related Posts Plugin.