We help IT Professionals succeed at work.

How can I get this grey screen to extend all the way down to the bottom of my page...?

Bruce Gust
Bruce Gust asked
on
91 Views
Last Modified: 2016-03-05
Head out to http://brucegust.com/kitchen/stunt_double.php and click on any of the "select options" buttons.

The screen becomes grey and a pop up window appears.

The popup window needs to be centered in the screen, regardless of where the user may be on the page. By that I mean, should they click one of the "select options" buttons near the bottom, unless the scroll up to the top of the page, they'll never see the popup.

The other problem is that the "grey-ed out" effect doesn't extend to the bottom of the screen. Initially it looks alright until you start scrolling down and then it becomes apparent that the grey-ed out effect doesn't actually cover the whole screen

So...

How can I get the greyed-out effect to extend down throughout the entire browser window, even when the user scrolls past the dimension of their computer screen.

How can I get my pop up centered so even if my user hits a button at the bottom of the screen, they don't have to scroll up to see the popup.

What do you think?
Comment
Watch Question

Web Programmer/Technician
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION
Bruce GustPHP Developer

Author

Commented:
Thanks guys!

The fixed position and the "margin-top: -300px; margin-left: -300px;" got it done. Slick, thanks for your input. I'm sure it will prove valuable in the future as I'm not even half way done with this project.
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.