Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Leandromx

Deixa a DIV sempre em baixo e visivel

Por , em Desenvolvimento frontend

Recommended Posts

Leandromx    0

Leandromx
Postado

Oi pessoal boa tarde,

 

Me diz uma coisa, é possível deixar uma div no rodapé mas sempre visivel?

 

tipo se acompanhasse saca?

 

Caso não

 

Como fazer uma DIV para ficar no rodape FIXO

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Ou simular um position:fixed... oque eu acho que seria melhor:

http://forum.imasters.com.br/index.php?showtopic=252392

Compartilhar este post

Link para o post
Compartilhar em outros sites

NEOS    0

NEOS
Postado

Teste este exemplo!

 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Exemplo</title>
<style>
body {
margin:0;
}
.footer {
position:fixed;		/*importante: fixa a div */
bottom:0;		/*importante: posiciona no rodapé */
width:100%;
z-index:2000;		/*importante: coloca a div acima de tudo */
background:#CC3;
margin:0;
padding:3px 0;
text-align:center;
border-top:3px dashed #FFF
}
</style>
</head>

<body>
       <h1>Exemplo</h1>
       <p>Div fixa no final da página</p>

       <!-- Insira mais conteúdo para visualizar melhor o efeito. -->

       <div class="footer">Está é uma "div" fixa no rodapé da página.</div>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mateus Avila Isidoro    8

Mateus Avila Isidoro
Postado

Basicamente, tens que definir position fixed e o bottom 0.

 

Mateus

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito