Please check the following example:
If the vertical scrollbar doesn’t appear, please resize the window so it does. Problem is: when you scroll down, the portion of the screen that was hidden does not show the blue div background, which has height 100%, even though the red div forces the height of the ‘page’ overall be greater than one screen.
I want the blue background to span the entire page, even if the page is bigger than one screen. How can I make that happen? (I’ve been suggested a javascript solution already, but would prefer a css-only approach)
Thanks in advance!
“Solved” the issue by forcing a certain height (bigger than the fixed-size element) and living with the limitations.
Thank you for all the answers, though, they might be helpful in some other situations!