troubleshooting Question

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

Avatar of Bruce Gust
Bruce GustFlag for United States of America asked on
JavaScriptCSS
4 Comments3 Solutions119 ViewsLast Modified:
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?
ASKER CERTIFIED SOLUTION
Kim Walker
Senior Developer

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 3 Answers and 4 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 3 Answers and 4 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros