Problema com rodapé[RESOLVIDO]
- lucascatani
-
Autor do Tópico
- Offline
- JCB! Professional
-
Menos
Mais
15 anos 6 meses atrás #28465
por lucascatani
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...
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:
-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
-
Autor do Tópico
- Offline
- JCB! Professional
-
15 anos 6 meses atrás #28522
por lucascatani
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...
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.
- pedrocampiteli
-
- Offline
- JCB! Novato
-
Menos
Mais
- Postagens: 2
- Obrigados Recebidos: 0
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;) -->
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="

Please Entrar ou Registrar to join the conversation.
- Andre MaNcHa
-
- Offline
- JCB! Hero
-
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..
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: -->
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
-
Autor do Tópico
- Offline
- JCB! Professional
-
15 anos 6 meses atrás #28818
por lucascatani
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...
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.