How do you set which version of the page gets displayed to different users with different resolutions?
The problem is not with screen resolution, but rather with window size. For example, My monitors are all either 1280 or 1024px wide[1], but I browse in 800×600 windows. I can't imagine any serious web/editor/spreadsheet/solitaire/shell user wasting screen real estate with maximised apps. It's just too slowing. So, you must use javascript to figure out the window rez in use, or use a javascript based style switcher[2]. Many corporate environments and security conscious home users of IE run with js disabled. Many of the disabled do not use javascript for a variety of reasons. A significant number of visitors are barred from your secondary layout. The answer lies in abandoning the print design paradigm. The web is not print, and you have zero control over the display medium. You must become a web designer, creating for a flexible medium. Use liquid, elastic or even fixed that allows for a variety of window widths. cheers, gary [1] Well, I do have some old 640×480 VGA monitors on servers. [2] CSS does allow for users selecting alternate style sheets. The problem is that there is an obsolete, non-compliant, bug-ridden, PoS browser with an undeservededly large market penetration that is acting as a massive drag on progress.
Try using an elastic design. As the window size gets larger your contents will stretch along with the window to fill the screen.
I agree... instead of using pixel use % to specify the width and height of your objects... e.g <table width ='100%'>
i think its better to use a fixed width that supports all sizes. This way you can see what the page is going to look like to EVERYONE. To be honest, im just not a fan of elastic websites, i used to make my sites using it, but now i stick to a fixed size as i think it makes the whole thing alot neater.
I would suggest designing your site the same for everyone.... My rule of thumb is not to exceed 760 width.. No matter what size the screen is you never have to scroll left or right... Nakirema
Same here. This way all your visitors are getting the same website. With elastic sites, the content moves around all over the place, which then moves images, which completely changes it and can make the site look like a mess!
Yep, fixed width works for me. If your site has been up for a while then you can check your stats to find out what screen res the majority of your site visitors have - I find that the lowest screen res my visitors have is 800x600 so I code my pages for a width of 750pix. I certainly wouldn't be bothered with JS to check which res page to load - too much messing about, and what if the visitor has JS disabled? T