Solved

Alternating web page code for monitor display modes

Posted on 2007-12-05
4
350 Views
Last Modified: 2012-06-27
Is there any way that a webpage can be made smaller or larger for the setting on the user's monitor. According the set display mode this page I created http://myproboxer.webs.com/ comes up badly in that you have to scroll horizontally to get the full content.
0
Comment
Question by:kgpretty
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 29

Accepted Solution

by:
Göran Andersson earned 250 total points
ID: 20414653
You usually don't consider the size of the monitor, but rather the size of the browser window. My browser is always about half the width of the monitor, so if you would adjust the page according to the monitor size, I would only see half of the page.

Your problem is very common. Almost every person involved in layout for the web struggles with it, as there is no perfect solution.

A common way to handle it, is to assume that the monitor is at least 800 pixels wide, and that anyone with such low resolution has the browser maximised, so that you can safely use about 780 pixels without needing to scroll horisontally. The space to the right of that with is usually used for secondary material, like ads.

Another way to handle it is to use the full width of the browser window, and let the content adjust itself, for example using floating elements.
0
 
LVL 6

Expert Comment

by:gxp071
ID: 20415946
As mentioned above web developers as a rule make a decision very early on to go one of two ways when designing a website.

fixed/ static width, or
variable width,

Pro's & Con's

fixed width sites can be guaranteed to look similar in most browsers. but can look silly on wide screen monitors especially if the developer chooses to make the site fit on to an 800px wide monitor...  avg 7% of site users.

variable width sites are harder to design and plan as they can change size,  gfx have to be designed to repeat horizontally to allow for scaling. Can look better on different size monitors but can also make screen reading of text difficult on really wide monitors.

there is a third alternative which is a variable width site caped at a set size. However this takes intermediate css skills.

Generally designers choose to go for a 1024px wide site static site or less as 46% (avg) still have a res of that size or above. examples

www.bbc.co.uk -- less than 800 px static
facebook.com -- viewable at 800 px static
microsoft.com -- less than 1024 px static
apple.com -- less than 1024 px static



to change your site edit:

<table width="80%">      

to be a fixed size ie .. 1024px


at the moment your sit's width is variable to fit 80% of the browser but its minimum width is being dictated by the width of you content i.e. how wide the images are.

Hope that helps point you in the right direction.








0
 

Author Comment

by:kgpretty
ID: 20416748
What are the "floating elements" all about? I'm not familiar with them.
0
 
LVL 29

Expert Comment

by:Göran Andersson
ID: 20417848
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article discusses how to create an extensible mechanism for linked drop downs.
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
Learn how to set-up PayPal payment integration in your Wufoo form. Allow your users to remit payment through PayPal upon completion of your online form. This is helpful for collecting membership payments, customer payments, donations, and more.

756 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question