•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the Site Layout and Usability section within the Web Development category of DaniWeb, a massive community of 425,972 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 1,680 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our Site Layout and Usability advertiser: Programming Forums
Views: 888 | Replies: 1
 |
| |
•
•
Join Date: Apr 2008
Posts: 10
Reputation: 
Rep Power: 1
Solved Threads: 0
Newbie Poster
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?
•
•
Join Date: Jan 2007
Posts: 2,556
Reputation:
Rep Power: 7
Solved Threads: 115
Re: why the position of my webpage differ from one computer to one computer browser?
#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 2:27 am.
Daylight-saving time uses more gasoline
|
•
•
•
•
•
•
•
•
DaniWeb Site Layout and Usability Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Hybrid Mode
•
•
•
•
apple beta blog blogging bon browser capable ccna computer dell development echo email encryption firefox it jargon language linux mcse microsoft mozilla networking news nintendo opera operating opinions patch paypal phishing privacy programming safari sans second security soccer system testing upgrade using computer vista web web browser webmail website development wii windows xp
- Previous Thread: Good Quality Ready-Made WordPress theme needed!
- Next Thread: AP Divs and Centered a Layouts
