Auto re-size depending on desktop area

[Lowland]

Hi

I've got a client who has designed a web for 1024x728 desktop size.

Of course, most people view 800x600, so his site spills out the viewable area

Has anyone come across a script or programme that will pick up a remote desktop area and re-size his pages accordingly? Sounds a tall order to me, but perhaps....

Thanks

[Gameguru]

I personally don't know of a way to make the entire page resize itself but if the page has tables, frames, large banners, or the background, you can make them resize to fit the screen by changing the size from a set value to a percentage
for example:

From This

src="http://home.sc.rr.com/gameguru/compfthumb.jpg" width="200" height="150" border="5"

To This

src="http://home.sc.rr.com/gameguru/compfthumb.jpg" width="100%" height="20%" border="5"

You can do the same for the width of frames.

JM2¢

[Lowland]

Thanks Gameguru, I'll pass this on

Regards

[ScottieM3]

A quick note..

you can get a user screen resolution with this small bit of code.


   <script language="Javascript">
      sWidth = window.screen.width;
      sHeight = window.screen.height;
      resolution = sWidth + "x" + sHeight;
   </script>

the variable resolution holds the current resolution of the users screen.
though all you would really need is the width of the users screen which the variable "sWidth" holds

with this you could create a page that dynamically scales, though I would choose just to scale the page as listed above in GameGuru's reply, also this will only work accuratly if the user's browser is maximized

[WebHead]

[quote]Originally posted by ScottieM3:
<strong>A quick note..

you can get a user screen resolution with this small bit of code.


&nbsp;&nbsp;&nbsp;&lt;script language="Javascript"&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sWidth = window.screen.width;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sHeight = window.screen.height;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;resolution = sWidth + "x" + sHeight;
&nbsp;&nbsp;&nbsp;&lt;/script&gt;

the variable resolution holds the current resolution of the users screen.
though all you would really need is the width of the users screen which the variable "sWidth" holds

with this you could create a page that dynamically scales, though I would choose just to scale the page as listed above in GameGuru's reply, also this will only work accuratly if the user's browser is maximized </strong><hr></blockquote>

That looks like pretty cool code. I'll have to check that out today.

Btw,.. if all else fails, there are 2 rules of thumb you could follow.
a) Always design pages with 800x600 56K users in mind. And test the page accordingly before publishing. Or...

b) If you have a specific target audience you are trying to reach (i.e. an audience with 1024x768, broadband type of setup) then you could design accordingly with the ol "Best viewed with.." statement. I've done that on my past websites, but it's not really advisable even though lots of people do it. It comes across as looking cheesy, and that you didn't want to put the effort into making something for EVERYBODY.

One other thing I've done in the past also, is to have 2 links on the splash page. One for 800x600, and one for 1024x768 users. But then you're doubling your work. And also one last thing you could try, is to make a sorta "flowlayout" type of page. Where it's designed so that as the browser window is resized, everything will adjust accordingly. Kinda like a text wrap effect only with ALL the contents. But that will be hard to acheive that if you're using tables, etc.

[Lowland]

Thank you for your replies. I'll pass these on to my client.