Link to home
Start Free TrialLog in
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?
ASKER CERTIFIED SOLUTION
Avatar of Kim Walker
Kim Walker
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Bruce Gust

ASKER

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.