Avatar of Bruce Gust
Bruce GustFlag for United States of America asked on

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

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?
CSSJavaScript

Avatar of undefined
Last Comment
Bruce Gust

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Kim Walker

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
SOLUTION
Member_2_248744

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
SOLUTION
Log in to continue reading
Log In
Sign up - Free for 7 days
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
ASKER
Bruce Gust

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.
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes