Developing for multiple screen resolutions [Archive]

bjswift

October 28th, 2005, 12:52 PM

I've developed a few solutions for the company I have worked for. One situation came up where an entire section of the building is using a lower resolution (600x800), and the screen I was creating didn't fit onto the page. I ended up just moving the controls around so they would fit on their screens, and implemented tabs to switch around different sections of the page (instead of having controls run down the screen). I like to keep everything on one page, without any scrolling needed.

What is the proper way to handle multiple resolutions? Is it to put everything in tables? I enjoy using a grid so I can place the controls practically anywhere I want to. Please provide me some insight to the problem I have, because I would like to handle this issue better if possible, when it comes up next.

Thanks!!!!

m3rlinez

October 28th, 2005, 09:11 PM

Hi bjswift,

Basically, web designers always design their web pages to lower screen resolution (800 x 600) to ensure that users who use higher screen res. could still read their page. So you have to use Flow-layout.

But there is a indirect way to detect the screen resolution using javascript and pass it to asp.net page since we can't get the screen width and height from asp.net page natively. Have a look at this good article http://www.devcity.net/Articles/64/1/screenresolution.aspx.

After you get the users' screen res. you can redirect them to one of your pages which were design to each resolutions specifically. But to this need lots of time and efforts and it is hard to mainetaince later so i recommend the first solution.

note: you can apply a css to <BODY> to disable scrolling for example

<body style="overflow-x:hidden"> // to disable horizontal scroll

<body style="overflow-y:hidden"> // to disable vertical scroll

<body style="overflow:hidden"> // to disable scroll in both directions