I have the following html structure:
<body>
<div id="gmap"></div>
<footer>
//conteudo do footer
</footer>
</body>
I want to put the div gmaps occupying the entire screen and the footer floating on it, it is currently like this:
Current CSS is:
#gmap{
z-index: 1;
width:100%;
height:80vh;
}
footer{
z-index: 2;
}