Resolution Independent Site.

rupen · September 1st, 2005, 10:53 AM

Hi,
Anyone knows how to develope resolution independent site in asp?
I think .net has solved this out??
Any idea?

Thanks in Advance.

Rupen Anjaria.:)
------------------
We CAN'T avoid problems, but can solve it.

maulik · September 6th, 2005, 02:52 PM

hi,

i think designing resolution indepedent site is very simple, you just need to put [u]your main content inside the main table</u> by setting its heightxwidth in (%). This will solve your prob.

you know table properties, u can set the table property in design time to scale it to the browser window by specifying its height and width in (%). say for ex. 80%. this will dramatically make your site resolution independnt.

thanks
maulik.soni
[email protected]

rupen · September 15th, 2005, 10:02 AM

Thanks Maulik,

Do you mean that i have to put all the contents in table? What exactly i have to change? (as of now i m using pixel settings, so i just have to change them to %?)

What about images? as i have very specific images created on high resolution machines.

Thanks in advance.

Rupen Anjaria.:)
------------------
We CAN'T avoid problems, but can solve it.

Steven · September 20th, 2005, 12:59 AM

Two things - you can either design a site to be best viewed at the lowest common denominator (these days 800x600 still persists), or you can treat the web as it was intended.

If you want to have absolute control over how the user views your work - use print, and stay away from the internet. If you want the site to look exactly the same on every computer, you'll go crazy.
Imagine this:
[rant]
A user looks at your site on a Window XP machine with the google toolbar, yahoo toolbar, ebay toolbar, and a few other toolbars installed, the MS Office shortcut bar is there, and a few other things which take up space, like the Start Menu, title bar, menu bar, address bar etc
Suddenly, you're reduced from having a 1280x1024 resolution to about 800x600 anyway.
Then along comes someone on a Mac using Safari with a totally different setup.
After that someone running Win98 with Netscape 4 joins the party, as does someone running Firefox on a Linux box.
Someone who's mindful of bandwidth rolls up, and has all images and stylesheets turned off, and then they're in a bit of a pickle.
Never mind the poor kid who's forced to use Lynx because he's only got DOS.
[/rant]
You have to allow for users to look at your stuff the way THEY want to, with just a little bit of guidance.
maulik started you off on the right idea - Use relative sizes for as much as you can, for example

Code:

<style><!--
table {width: 100%;}
h1 {font-size: 110%:}
-->
</style>

This way you give your users more freedom

I am a loud man with a very large hat. This means I am in charge

mat41 · September 20th, 2005, 01:07 AM

A rant it sure was. Use pecentages for best results

Wind is your friend
Matt

rupen · September 22nd, 2005, 09:41 AM

Thanks for your reply.
But i think you all have forgotten one point.
What if i have images created on high resolution? how do i align them to fit to lower resolution.

Please advice.

Rupen Anjaria.:)
------------------
We CAN'T avoid problems, but can solve it.

mat41 · September 22nd, 2005, 06:49 PM

detect what a clients res is and use conditional statements to show one or the other. you could spend weeks on this, most dont bother.

IMO design your site for 800x600 - I design all my sites 790px width (allow for scroll bar) or If I want it to stretch use percentages. I think you are getting to hung up on this, you can not please everybody. Just specify what res and browser types your site is optimized for.

Wind is your friend
Matt