Rendering Web Pages Depending on Screen Resolution

[RobAC]

Does anyone know of any scripts or how to render web page layouts depending on browser resolution just like Yahoo does?

[Neal-UK]

This is down to a users screen resolution isn't it? Nothing to do with the website? I could be way off mark....

[RobAC]

yes, just like Yahoo. Yahoo's page adjusts depending on your screen resolution.

[merk]

You will need to use javascript to redirect the user to a page with a new variable in the url like page.php?resolutionx=1024&resolutiony=768

[Quillz]

I thought you could just use a fluid-style layout with CSS, like how vB is set up to fill, say, 80% of a user's resolution.

[KeithMcL]

Try this on for size:

http://particletree.com/features/dynamic-resolution-dependent-layouts/

[simsim]

I thought you could just use a fluid-style layout with CSS, like how vB is set up to fill, say, 80% of a user's resolution.

vB liquid style just occupies the available space. What if you want to show a sidebar to users with 1024x768 resolution & hide it from users who're using 800x600? You would then want to do some JS coding.

[fusion2]

I thought you could just use a fluid-style layout with CSS, like how vB is set up to fill, say, 80% of a user's resolution.

Thats what i would recommend, unless you want fixed objects (ie. the logo and other stuff) to change proportionately to the screen resolution.

The problem is that you create a lot of duplicate work doing that. Lots of testing in different resolutions etc.

Just put a message on your site saying "Best Viewed at 800x600 resolution" etc. Then use CSS with auto-expanding layers/tables. And you can always add a link that will change their screen resolution automatically, they just have to hit save etc).

These days statistics show that most home-users are using 1024x768 resolution. The days of 800x600 are long gone, now that computer screens have gotten larger (ie. 17inch or larger).

[filburt1]

Create your design without resolution in mind, other than some reasonable minimum of 800 x 600 or a better 1024 x 780. Remember users can resize fonts, resize their browser, surround the viewport with panels, etc. You have little control over what to display given their settings.