Page 1 of 1

Different Screen Res

Posted: Sun Nov 28, 2010 5:15 pm
by ScottCFR
I was having a friend test my site, he has a HD monitor with 1024 x 760 I think. He says my site looks weird for him, so is there a way to detect resolution and change certain things according to that?

Thanks,
Scott W.

Re: Different Screen Res

Posted: Mon Nov 29, 2010 9:53 am
by pickle
Yes.

Javascript can detect screen resolution. Your best bet though is to design your site for 1024 x 768 - as that's what the majority of web users have.

Re: Different Screen Res

Posted: Mon Nov 29, 2010 6:58 pm
by ScottCFR
Well, a lot of my other friends use around 1440 x 900 which is what I use. I want it to look good for everybody is what I am trying to say.

Re: Different Screen Res

Posted: Thu Dec 09, 2010 9:14 pm
by Pazuzu156
In my designs, I always design so the page has a tad bit of space on the left and right of the page content. To make your content user friendly for different resolutions, use percents in your designs. like:

css:

Code: Select all

#idName {
  position:absolute;
  width:90%;
  left:5%;
  right:5%;
}
HTML:

Code: Select all

<body>
<div id="idName">
My Content here
</div>
</body>
These days, HTML 5 is beginning to show itself in browsers, <canvas> is put in place of <div> to better edit the actual page and give you more manipulation ability in your design and make it extra user friendly/