jQuery Screen Resolution Height Adjustment

javascript jquery screen resolution margins
Brad Birdsall picture Brad Birdsall · Aug 13, 2009 · Viewed 146.4k times · Source

In order to better balance out a page I am working on I would like to find a way to increase the top margin of a DIV depending on the screen resolution. What is my best way to set these dimensions with jQuery or Javascript?

Answer

RaYell picture RaYell · Aug 13, 2009

To get screen resolution in JS use screen object

screen.height;
screen.width;

Based on that values you can calculate your margin to whatever suits you.

Related questions

Jquery Change Height based on Browser Size/Resize

I was wondering if there was a way to determine the height/width of a browser. What i'm trying to do is set a height on a div to 500px when the browser size is 1024x768, and for anything lower …

Read More
find screen dimensions in inches not pixels using javascript

I was reading many questions on SO regarding best ways to detect screen size in pixels which is ultimately dependant on resolution to find the actual screen size. I know some mobile devices have small screen (say 4inch) yet the …

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More