Jump to content
Paulo1471

Colocar DIV no fundo da página

Recommended Posts

Paulo1471

Boas !!

Há alguma maneira de colocar uma div no fundo de uma página automaticamente ?

Sem ter que fazer </br> várias vezes ? Ou criar um div em branco com dado altura ?

Obrigado !!

Edited by Paulo1471

__________________

Paulo Oliveira

Share this post


Link to post
Share on other sites
pmg

Usa o atribute "position: fixed", com o 'bottom' e o 'left' como gostares mais ...

<!DOCTYPE html>
<html>
<head>
<title>Bottom div</title>
<style type="text/css">
.normal { background-color: pink; color: black; width: 100%; }
.bottom { background-color: cyan; color: black; width: 100%;
         position: fixed; bottom: 20px; left: 0; }
</style>
</head>
<body>
<div class="normal">gkjlfhgkdfhgk hkh fkjhfkdj hksdjhf ksdjhfdsd</div>
<div class="bottom">kjhfdk fgdksjhkjdsh ksdjhkd jhksdjhk jhsfsdd</div>
</body>
</html>

PS: A tag do codigo nao corresponde a linguagem utilizada ;)

Edited by pmg
  • Vote 1

What have you tried?

Não respondo a dúvidas por PM

A minha bola de cristal está para compor; deve ficar pronta para a semana.

Torna os teus tópicos mais atractivos e legíveis usando a tag CODE para colorir o código!

Share this post


Link to post
Share on other sites
Paulo1471

Obrigado !! A resposta do pmg ajudou bastante !!

O sticky footer nao funcionou como queria , mas obrigado na mesma.

PROBLEMA RESOLVIDO !!

Edited by Paulo1471

__________________

Paulo Oliveira

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.