Solved

Alternating web page code for monitor display modes

Posted on 2007-12-05
4
342 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
  • 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

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

It’s a strangely common occurrence that when you send someone their login details for a system, they can’t get in. This article will help you understand why it happens, and what you can do about it.
This article discusses how to create an extensible mechanism for linked drop downs.
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to choose which pages of your form are visible to your users based on their inputs. The page rules feature provides you with an opportunity to create if:then statements for y…
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.

759 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

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now