Problema com rodapé[RESOLVIDO]

  • lucascatani
  • Avatar de lucascatani Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
15 anos 6 meses atrás #28465 por lucascatani
lucascatani created the topic: Problema com rodapé[RESOLVIDO]
Boa noite pessoal! Estou com um problema com o Rodapé do meu template. Seguinte:
-Quando tem conteúdo a página fica normal sem problemas.
-Quando a página tem pouco conteúdo o rodapé fica no meio da tela.
Gostaria que:
-Quando tem conteúdo suficiente o rodapé se posiciene no final do conteúdo.
-Caso não tenha conteúdo sufuciente que se posicione no final da página.

Abaixo um screenshot ilustrando o fato:

Lucas Catani
[b:1bmpfj72]Blog[/b:1bmpfj72]: <!-- m --><a class="postlink" href=" www.l9web.com.br/blog/ " onclick="window.open(this.href);return false;"> www.l9web.com.br/blog/ </a><!-- m -->
[b:1bmpfj72]MSN:[/b:1bmpfj72] <!-- e --><a href="Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.">Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</a><!-- e -->
[b:1bmpfj72]L9WEB | WEBSITES[/b:1bmpfj72] <!-- m --><a...

Please Entrar ou Registrar to join the conversation.


  • lucascatani
  • Avatar de lucascatani Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
15 anos 6 meses atrás #28522 por lucascatani
lucascatani replied the topic: Re: Problema com rodapé
Eu até fiz esse esquema http://www.maujor.com/tutorial/rodape-e ... janela.php , mas no Internet Explorer não tá funcionando. Nos outros navegadores funciona 100%.

Lucas Catani
[b:1bmpfj72]Blog[/b:1bmpfj72]: <!-- m --><a class="postlink" href=" www.l9web.com.br/blog/ " onclick="window.open(this.href);return false;"> www.l9web.com.br/blog/ </a><!-- m -->
[b:1bmpfj72]MSN:[/b:1bmpfj72] <!-- e --><a href="Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.">Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</a><!-- e -->
[b:1bmpfj72]L9WEB | WEBSITES[/b:1bmpfj72] <!-- m --><a...

Please Entrar ou Registrar to join the conversation.

Mais
15 anos 6 meses atrás #28737 por pedrocampiteli
pedrocampiteli replied the topic: Re: Problema com rodapé
Pelo que eu entendí vc trabalha com divs flutuantes neh!?

Bom amigo, o único modo de deixar o rodapé no fim da página entao, seria fazer a DIV que vem antes dele ocupar todo o espaço em branco, para ele poder ficar no pé da página.

Tente colocar a propriedade min-height na DIV que vem antes do rodapé, coloque um valor em pixes, e vá testando até se adequar ao que vc deseja (ex: min-height:700px;).

Isso (teoricamente) deve resolver seu problema.... <!-- s;) --><img src="{SMILIES_PATH}/icon_e_wink.gif" alt=";)" title="Piscada" /><!-- s;) -->

Please Entrar ou Registrar to join the conversation.

Mais
15 anos 6 meses atrás #28773 por Andre MaNcHa
Andre MaNcHa replied the topic: Re: Problema com rodapé
Amigo, vá até seu arquivo css e adiciona a DIV do rodpé as seguinte propriedades..
div {
  bottom: 0;
  position: absolute;
  width: 100%;
}

Só tem um problema de usar esse tipo de solução.. se o conteúdo da sua página criar barra de rolagem, ele será sobreposto pelo rodapé.. vai depender do seu caso!

Faça o teste e nos diga como foi..

Abs <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

Please Entrar ou Registrar to join the conversation.

  • lucascatani
  • Avatar de lucascatani Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
15 anos 6 meses atrás #28818 por lucascatani
lucascatani replied the topic: Re: Problema com rodapé

Andre MaNcHa escreveu: Amigo, vá até seu arquivo css e adiciona a DIV do rodpé as seguinte propriedades..

div {
  bottom: 0;
  position: absolute;
  width: 100%;
}

Só tem um problema de usar esse tipo de solução.. se o conteúdo da sua página criar barra de rolagem, ele será sobreposto pelo rodapé.. vai depender do seu caso!

Faça o teste e nos diga como foi..

Abs <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->


Dessa meneira não dá justamente pois o rodapé sobrepõe o conteúdo...

Lucas Catani
[b:1bmpfj72]Blog[/b:1bmpfj72]: <!-- m --><a class="postlink" href=" www.l9web.com.br/blog/ " onclick="window.open(this.href);return false;"> www.l9web.com.br/blog/ </a><!-- m -->
[b:1bmpfj72]MSN:[/b:1bmpfj72] <!-- e --><a href="Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.">Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</a><!-- e -->
[b:1bmpfj72]L9WEB | WEBSITES[/b:1bmpfj72] <!-- m --><a...

Please Entrar ou Registrar to join the conversation.