Screen Resolutions

TomBullock

Hello
Im abit stuck about designing my new site.
The screen i have got is 1280x1024 but most people i know have screens that are 1024x768.
Is there a way of catering for both resolutions without messing up the website?
Thanks

pkSML

Your current site works just fine on both resolutions. That's how I've done my sites. I just center my page content in a fixed-width block.
You can have Javascript automatically redirect a person based on resolution, but it doesn't work in all browsers. It's a lot fewer headaches just worrying about one width.

AbyssUnderground

You should make the site expand and contract to fit all resolution for 800x600 and above. My site is designed for 1024x768 and above and expands accordingly so take a look at how its done in the source code of my page.

madman1337

I think it looks fine with the fixed with centered, since I like to keep my windows about that size anyways...I rarely use full screen on my big monitor...1792x1344 is a bit big for just a website lol.
just design your site for the average user, or make it have the ability to scale to the size.

TomBullock

pkSML wrote
You can have Javascript automatically redirect a person based on resolution, but it doesn't work in all browsers.

Do you know where i can find the Javascript please?
Thanks

AbyssUnderground

TomBullock wrote

pkSML wrote
You can have Javascript automatically redirect a person based on resolution, but it doesn't work in all browsers.

Do you know where i can find the Javascript please?
Thanks

The internet? :-)
Do a quick google search for JavaScript resolution checker and you should find something that will do what you want. If you know PHP then you have an advantage because JavaScript is very similar.

pkSML

TomBullock wrote

pkSML wrote
You can have Javascript automatically redirect a person based on resolution, but it doesn't work in all browsers.

I use the following code at http://calvarybaptist.homedns.org/4lbl/ as a reference to see what my visitors are using:

<SCRIPT language="JavaScript" type="text/javascript">
<!--
image = "./blank.gif" //name of the image
function Start() {
tmp = "?w="+screen.width+"&h="+screen.height
document.images["res"].src = image+tmp // grabs image with dimensions in query string
}
Start();
// -->
</SCRIPT>

Your key is screen.width
That's simple code to grab their resolution, and you can search for a javascript redirect.

Arctic

For fixed width, use either 720px, 840px, or 960px. The last width, 960px, is the largest you should go to at this time (1024x768 is more common than 800x600).
Fluid layouts can have issues with line-lengths. Most web developers aren't using fluid layouts anymore (line-lengths get too long), it's usually fixed or elastic (width based on font size to preserve line-lengths).

jwalley@enterwall.com

Arctic wrote
For fixed width, use either 720px, 840px, or 960px. The last width, 960px, is the largest you should go to at this time (1024x768 is more common than 800x600).
Fluid layouts can have issues with line-lengths. Most web developers aren't using fluid layouts anymore (line-lengths get too long), it's usually fixed or elastic (width based on font size to preserve line-lengths).

I agree. I always create sites at 1024x768. Just make sure you develop on that resolution as well or you can end up with some messed up stuff. test with different browsers and resolutions to make sure it looks good in every environment.

ZellyHarry

pkSML wrote
Your current site works just fine on both resolutions. That's how I've done my sites. I just center my page content in a fixed-width block.
You can have Javascript automatically redirect a person based on resolution, but it doesn't work in all browsers. It's a lot fewer headaches just worrying about one width.

How can one do that?

aprelium-support

ZellyHarry,
We suggest checking the following article http://www.javascriptkit.com/howto/newtech3.shtml .

frank112

As we know that default resolution size is 1024x768.. So, whenever you design a template just use the default resolution and set margin to auto .. You find it great on any resolution size..