← HTML + CSS

Footer > no fundo

Lida 8158 vezes

Offline

Riey 
Membro
Mensagens 1001 Gostos 0
Feedback +4

Troféus totais: 30
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3

Boas...

tenho um pequeno site feito da seguinte estrutura.


(tudo com divs)

topo.html
conteudo.html
footer.html

e depois tenho um index.php onde estão em include todos os ficheiros...


mas o que eu queria era colocar o footer sempre no fundo da página qualquer que seja a resolução, não estou a ver é como fazer, ou estou a fazer confusoes na cabeça para uma coisa tão simples...

cumprimentos, agradeço ajuda ;)
Offline

MiguelTavares 
Membro
Mensagens 3871 Gostos 0
Troféus totais: 33
Trófeus: (Ver todos)
Avatar Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

Podes tentar com
position: absolute;
bottom: 0;

Mas se o conteúdo da página exeder a altura da resolução de ecrã, o conteudo irá ficar por trás.
Offline

Riey 
Membro
Mensagens 1001 Gostos 0
Feedback +4

Troféus totais: 30
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3

MiguelTavares
se colocar assim

Código: [Seleccione]
<div>
  <div><? include ('topo.html'); ?></div>
  <div><? include ('conteudo.html'); ?></div>
  <div style="width:100%;position:absolute; buttom: 0;"><? include ('rodape.html'); ?></div>
</div>
   
não vai lá...

ah, e a página vai crescer, ou seja, eu queria o footer mesmo sempre no fundo da página e ecrã, porque em alguns casos a página é pequena de mais e o footer fica a meio do ecra, noutros é grande o suficiente para ter scrooll


(ps: programar num netbook de 9" ou 10" quando temos um pc com 2 ecras de 19" à nossa frente e um portatil de 16" ao nosso lado, é que bate.. lol)
Offline

MiguelTavares 
Membro
Mensagens 3871 Gostos 0
Troféus totais: 33
Trófeus: (Ver todos)
Avatar Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

Então digo-te... Já passei muitas horas a tentar meter o footer sempre no final das páginas, seja qual o tamanho do conteúdo... E ainda não cheguei a nenhuma solução.
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

position: fixed;
bottom: 0;
Offline

Thomato 
Membro
Mensagens 4125 Gostos 3
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Vocês querem ter o bottom a flutuar mas sempre fixo na parte inferior do ecrã?
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Vocês querem ter o bottom a flutuar mas sempre fixo na parte inferior do ecrã?

Penso que seja isso que ele quer. Se sim é o que meti em cima.
Offline

Riey 
Membro
Mensagens 1001 Gostos 0
Feedback +4

Troféus totais: 30
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3

naooo

quero que o rodape apareça sempre no fundo da pagina, seja qual for a resolução do ecra
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

naooo

quero que o rodape apareça sempre no fundo da pagina, seja qual for a resolução do ecrã

Como assim? :S
Offline

Thomato 
Membro
Mensagens 4125 Gostos 3
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Basta fazeres os includes por ordem:

<div>
<? include ('topo.html'); ?><br />
<? include ('conteudo.html'); ?><br />
<? include ('rodape.html'); ?>
</div>
Offline

Riey 
Membro
Mensagens 1001 Gostos 0
Feedback +4

Troféus totais: 30
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3

e é o que estou a fazer, mas assim o rodape depende da altura do conteudo, ou seja, pouco conteudo fica a meio da pagina, muito conteudo fica no sitio.... eu quero que ele esteja sempre no fundo da pagina, tenha pouco ou muito conteudo
Offline

Thomato 
Membro
Mensagens 4125 Gostos 3
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Então queres que entre o fim do conteúdo e o footer se mantenha um espaço vazio caso o conteúdo seja pouco?

EDIT:
Vê se é isto que queres:
http://emrede.net/riey
Offline

Riey 
Membro
Mensagens 1001 Gostos 0
Feedback +4

Troféus totais: 30
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3

Então queres que entre o fim do conteúdo e o footer se mantenha um espaço vazio caso o conteúdo seja pouco?

EDIT:
Vê se é isto que queres:
http://emrede.net/riey

antes de mais obrigado por te dares ao trabalho de fazer o exemplo

muito conteúdo é o que quero, e está bem, é como está actualmente..

pouco conteúdo não é isso, como tem pouco conteúdo, queria o footer no fim da página, mas sem scrool... podia definir uma altura minima do conteudo e o footer ficava no fim da pagina sem scrool, mas so ia conseguir ajustar para uma determinada resolução de ecra, e eu quero que se ajuste em todas as resoluções....
Offline

Thomato 
Membro
Mensagens 4125 Gostos 3
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Ah, já percebi o que queres.

Eu não sei como fazer, mas vou tentar explicar.

Queres que o footer fique a flutuar sempre em baixo, mas quando o conteúdo estica, esse footer é empurrado também :)
Offline

Riey 
Membro
Mensagens 1001 Gostos 0
Feedback +4

Troféus totais: 30
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3

se o teu flutuar nao for ficar em cima do conteudo sim.

o teu muito conteudo é o que quero para muito conteudo, para pouco tem de ficar no fundo da pagina sem scroll e em todas as resoluções