0

Tenho a seguinte estrutura html:

<body>
    <div id="gmap"></div>
    <footer>
    //conteudo do footer
    </footer>
</body>

Quero colocar a div gmaps ocupando toda a tela e o footer flutuando sobre ela, atualmente esta assim:

Uma div sobre a outra

Css atual esta:

#gmap{
    z-index: 1;
    width:100%;
    height:80vh;
}
footer{
    z-index: 2;
}
4
  • Quer o footer por cima do #gmap? Commented 14/03/2018 às 18:09
  • Não sei se é isso, mas seu seletor do css está com o nome errado. Veja: "gmap" Commented 14/03/2018 às 18:10
  • você vai deixar o gmaps fixo em 100% da tela e o footer sobre ele abaixo, porém fixo também? Commented 14/03/2018 às 18:11
  • 1
    já consegui acrescentando width:100%; position: fixed; bottom: 0; no footer Commented 14/03/2018 às 18:13

1 Resposta 1

2

Se você deseja que o footer esteja por cima da div com id #gmaps, recomendo usar estas css no footer

footer{
width:100%;
position: fixed;
bottom: 0;
}

Com esse código, poderá colocar o footer por cima

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .