How Do I Position A Div 'x' Pixels From The Center Of A Page?

I want to position a

a given number of pixels relative to the center of a page. How can this be done?

Solution 1:

You can use $(window).width() / 2 to get the horizontal center... like:

$('.myDiv').css({left: ($(window).width() / 2) - 50})

You'll get the div50px left of the center

Share

You may like these posts

• 
  Canvas Not Showing Scrollbars Although The Content Does Not Fit The Page
• 
  How To Make Image Elements Scale With Window Instead Of Repositioning
• 
  Generate Table Row Break Conditionally
• 
  Convert Html To Javascript String