View previous topic :: View next topic |
Author |
Message |
TomBullock -
Joined: 30 Jun 2007 Posts: 76
|
Posted: Mon Sep 03, 2007 8:04 pm Post subject: Screen Resolutions |
|
|
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 |
|
Back to top |
|
|
pkSML -
Joined: 29 May 2006 Posts: 952 Location: Michigan, USA
|
Posted: Mon Sep 03, 2007 8:24 pm Post subject: |
|
|
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. _________________ Stephen
Need a LitlURL?
http://CodeBin.yi.org |
|
Back to top |
|
|
AbyssUnderground -
Joined: 31 Dec 2004 Posts: 3855
|
Posted: Mon Sep 03, 2007 8:33 pm Post subject: |
|
|
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. _________________ Andy (AbyssUnderground) (previously The Inquisitor)
www.abyssunderground.co.uk |
|
Back to top |
|
|
madman1337 -
Joined: 29 Jul 2006 Posts: 182 Location: Houston, TX
|
Posted: Tue Sep 04, 2007 12:49 am Post subject: |
|
|
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. _________________
|
|
Back to top |
|
|
TomBullock -
Joined: 30 Jun 2007 Posts: 76
|
Posted: Tue Sep 04, 2007 2:06 pm Post subject: |
|
|
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 |
|
Back to top |
|
|
AbyssUnderground -
Joined: 31 Dec 2004 Posts: 3855
|
Posted: Tue Sep 04, 2007 2:09 pm Post subject: |
|
|
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. _________________ Andy (AbyssUnderground) (previously The Inquisitor)
www.abyssunderground.co.uk |
|
Back to top |
|
|
pkSML -
Joined: 29 May 2006 Posts: 952 Location: Michigan, USA
|
Posted: Wed Sep 05, 2007 11:27 pm Post subject: |
|
|
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: Code: | <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. _________________ Stephen
Need a LitlURL?
http://CodeBin.yi.org |
|
Back to top |
|
|
Arctic -
Joined: 24 Sep 2004 Posts: 560
|
Posted: Fri Sep 07, 2007 2:40 pm Post subject: |
|
|
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). |
|
Back to top |
|
|
jwalley@enterwall.com -
Joined: 09 May 2010 Posts: 1
|
Posted: Sun May 09, 2010 6:23 am Post subject: resolution |
|
|
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. _________________ John Walley
Certified Life Coach
www.enterwall.com
Learn your true potential! Give yourself the gift of life coaching. |
|
Back to top |
|
|
ZellyHarry -
Joined: 30 Nov 2012 Posts: 2
|
Posted: Sun Dec 02, 2012 2:17 pm Post subject: |
|
|
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? _________________ choosehottubsdirect.com reviews
Last edited by ZellyHarry on Mon Dec 10, 2012 4:21 pm; edited 1 time in total |
|
Back to top |
|
|
aprelium-support -
Joined: 20 Feb 2009 Posts: 356
|
|
Back to top |
|
|
frank112 -
Joined: 11 Jan 2013 Posts: 1
|
Posted: Fri Jan 11, 2013 1:04 pm Post subject: |
|
|
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.. _________________ frank |
|
Back to top |
|
|
|