Question

I have a pop up which contains an ASP.NET form, click the link “Request Information” and the form appears.

However, the pages that have the link “Request Information” to trigger the pop up have a lot of content therefore scrolling is required to see the link.

I need to have the div always centered if a user scrolls to read the content, otherwise if they don’t scroll the pop up still appears centered on screen.

The div is positioned absolutely, the whole page width is 960px with margin set to 0 auto.

Answer 1

If the div has an fixed width and height use:
(if width=120px and height=80px)

position: fixed;
top: 50%;
left: 50%;
margin-left: -60px; /* negative half of the width */
margin-top: -40px; /* negative half of the height */