height:100%; not working
I want the carousel DIV (s7) to expand to the height of the entire screen. I haven’t an idea s to why it’s not succeeding. To see the page you can go here.
Since nobody has mentioned this..
As an alternative to setting both the
body element’s heights to
100%, you could also use viewport-percentage lengths:
5.1.2. Viewport-percentage lengths: the ‘vw’, ‘vh’, ‘vmin’, ‘vmax’ units
The viewport-percentage lengths are relative to the size of the initial containing block. When the height or width of the initial containing block is changed, they are scaled accordingly.
In this instance, you could use the value
100vh (which is the height of the viewport) - (example)
min-height also works. (example)
These units are supported in most modern browsers - support can be found here.