| | |
why the position of my webpage differ from one computer to one computer browser?
Please support our Site Layout and Usability advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Apr 2008
Posts: 13
Reputation:
Solved Threads: 0
why the position of my webpage differ from one computer to one computer browser?
0
#1 May 14th, 2008
I've create a simple web layout using dreamweaver using the insert->layouts object->layer. Basically using layer and some table, when I tested with different computers the layout are out of place where the position goes so far right or so far left. What can I do so that the position of the layouts stay the same even on different browser or tested on different computers? And one other thing is that what do I do with the width of the layout (any standard layout size -width) so that it won't resulting with horizontal scroll when tested on different browser or computer?
Re: why the position of my webpage differ from one computer to one computer browser?
0
#2 May 16th, 2008
Don't design to an absolute size.
From computer to computer, you are going to find:
- Different screen resolutions
- Different color sets
- Different browser software
- Different window sizes
- Different monitor dot sizes
You have to make things flexible if you are going to have approximately the same look across a variety of computers.
You must accept the following facts:
- Different computers have different numbers of pixels for the vertical and horizontal sizes of the screen.
- People with vision problems use lower screen resolutions.
- Your page is going to look different on different display sizes.
- If stuff is too wide for the display, it scrolls.
- There is no way to make a page exactly fill the screen vertically.
- The same image will fill a larger part of a low-resolution monitor, and a smaller part of a high-resolution monitor.
- Many flat-panel monitors have lower resolutions.
- Layers don't work on many computers. This feature is too new.
- Absolute positioning does not work on different screen resolutions.
- Web TV browsers have a very low resolution (320 X 200).
What does work:
- Use percentages of the screen width to position things.
- Position things in zones, with enough space between objects to allow for shrinkage when the resolution is lower.
- Don't even think about trying to make things fit vertically, or trying to center an object on the screen vertically. It can't be done in a way that works on more than one screen resolution.
- Don't use layers. They are not yet well enough accepted by the various browsers to be useful. Many people can't afford to replace their computers at the hectic Microsoftgreed pace.
- Test the layout's durability by using the restore down button and shrinking the browser window.
From computer to computer, you are going to find:
- Different screen resolutions
- Different color sets
- Different browser software
- Different window sizes
- Different monitor dot sizes
You have to make things flexible if you are going to have approximately the same look across a variety of computers.
You must accept the following facts:
- Different computers have different numbers of pixels for the vertical and horizontal sizes of the screen.
- People with vision problems use lower screen resolutions.
- Your page is going to look different on different display sizes.
- If stuff is too wide for the display, it scrolls.
- There is no way to make a page exactly fill the screen vertically.
- The same image will fill a larger part of a low-resolution monitor, and a smaller part of a high-resolution monitor.
- Many flat-panel monitors have lower resolutions.
- Layers don't work on many computers. This feature is too new.
- Absolute positioning does not work on different screen resolutions.
- Web TV browsers have a very low resolution (320 X 200).
What does work:
- Use percentages of the screen width to position things.
- Position things in zones, with enough space between objects to allow for shrinkage when the resolution is lower.
- Don't even think about trying to make things fit vertically, or trying to center an object on the screen vertically. It can't be done in a way that works on more than one screen resolution.
- Don't use layers. They are not yet well enough accepted by the various browsers to be useful. Many people can't afford to replace their computers at the hectic Microsoftgreed pace.
- Test the layout's durability by using the restore down button and shrinking the browser window.
Last edited by MidiMagic; May 16th, 2008 at 3:27 am.
Daylight-saving time uses more gasoline
![]() |
Other Threads in the Site Layout and Usability Forum
- Previous Thread: Good Quality Ready-Made WordPress theme needed!
- Next Thread: AP Divs and Centered a Layouts
Views: 1260 | Replies: 1
| Thread Tools | Search this Thread |
Tag cloud for Site Layout and Usability
blog blogging content cookies customer design development dreamweaver duplicate email evaluation filesharing firefox flash gilbane google html itunes javascript kazaa layout music napster peertopeer photoshop remote remoteserver satellitenavigation satnav server sessions site tables template tips tomtom url wave web website websitedesignreview web_development web_sites wordpress






