How do I deal with different user screen resolution when developing a website?

Question

I've heard that One wise thing to do when designing the layout of Web pages is to let a section of each page be of variable size to fit the size of a large or small resolution monitor. but can you eplain step by step how to using dreamweaver or suggest a simpler solution to screen sizes question? thanks.

Answer 1

Code your pages for flexibility. See "The Holy Grail of Layouts":



http://www.alistapart.com/d/holygrail/example_1.html



Also:



3 columns, the holy grail - http://www.glish.com/css/7.asp



Ron

Answer 2

There are really two approaches here.





1. user a fixed layout witha minimal resolution width most people stick to about 800 - 900 px. Then use a solid color border or repeating image to fill in the rest of the space kind of like a background or border ( notice yahoo answers is designed this way.





this way as long as the users resolution is above the 800 or 900 px wide everything will fit on the screen other users will just have extra background space.



This kind of design is much easier to design and manage and allows using a fix image as you header on the top of the page.



2. A fluid layout, a fluid layout grows and shrinks with the resolution ( there's still usually a minimum resolution depending on the images you have of the page. In this case Percent measurements must be used in you CSS.

Answer 3

One simple solution is to choose a minimal resolution and stick to it.



e.g. make a decision on 800X600 or 1024X768.



There may be some people out there who still use 640X480 but not many and they will be accustomed to having to scroll sideways for almost everything.



The other approach is to design the dimensions as a percentage of screen width.



e.g. if Your basic layout is 3 columns with the main content in the center column and menus on one side and feature boxes on the other.



Center column = 60%

Side menu = 20%

Feature column = 20%



That way it will expand or contract according to the resolution OR windowed size.



Only problem with this is that you don't have much controlover how you page will actually appear. If someone has 800X600 then it will look narrow and bunched - if someone has 1600X1200 it will look wide and stretched.



You can take this into account in the design so that the arrangement works in any width - rather than relying on closely controlled relationships between objects.

Answer 4

the simplest solution is to develop your site for the smallest denominator. Either 800x600 (less and less people use this) or 1024x768 (most people use this) leaving some 25 pixels or so for the scrollbar. Those with bigger screens will see some empty space, so you can center your pages and it doesn't look bad.

You could make for variable size via CSS but that's more tricky.

Answer 5

I desire there replaced into! if your cyber web internet site is now completely built there's no speedy and straightforward thank you to re length as resizing format tables isn't a speedy activity and you may might desire to re length any pictures and pictures too utilising a pictures software like photoshop, or paint shop professional and so on constantly layout your cyber web web content to extra healthy into the smallest visual reveal unit decision which would be used to view it. to evade this in destiny you ought to, as has been reported use possibilities as a exchange of absolute sizes to make format tables or discover ways to apply CSS, Cascading variety Sheets as a variety of format as with CSS it is lots extra handy to layout to extra healthy any visual reveal unit and to alter format devoid of postpone