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/