Jump to content


Photo

Como Colocar Um Rodapé Em Div


  • Faça o login para participar
20 replies to this topic

#1 giga_fire

giga_fire

    Normal

  • Usuários
  • 75 posts
  • Sexo:Não informado
  • Localidade:Leme

Posted 11/09/2004, 13:21

Olá, como coloco um rodapé dentro de um div e posicioná-lo independentemente do conteúdo em cima. Seria assim

<div id="rodape" style="width:778px;height:25px;background-image:url(imagem/layout/barra_r3_c1.png);background-repeat:repeat-x;">

E como posicioná-la? Pois se colocar absolute e o conteúdo ultrapassar aquela coordena a barra vai ficar por cima/baixo do conteúdo, portanto, ela tem que ficar lá embaixo independente do tamanho do conteúdo em cima. Como eu faço isso?

#2 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 11/09/2004, 18:42

Usa | position: relative | neste caso.
Klaus Paiva
Conheça também: Taperás

#3 giga_fire

giga_fire

    Normal

  • Usuários
  • 75 posts
  • Sexo:Não informado
  • Localidade:Leme

Posted 11/09/2004, 19:58

Usa | position: relative | neste caso.

Falou mto.. explica melhor, sempre queeu uso o relative fica a mesma coisa do absolute...

#4 Maujor

Maujor

    Normal

  • Usuários
  • 93 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro

Posted 11/09/2004, 22:45

Acresente no estilo:
<div id="rodape" style="position:absolute; left:0;bottom:0;width:778px;height:25px;background-image:url(imagem/layout/barra_r3_c1.png);background-repeat:repeat-x;">
Maurício Samy Silva
www.maujor.com
Dicas e Tutoriais CSS
:::::::::::::::::::::::::
www.maujor.com/fw/
Tutoriais Fireworks

#5 giga_fire

giga_fire

    Normal

  • Usuários
  • 75 posts
  • Sexo:Não informado
  • Localidade:Leme

Posted 12/09/2004, 00:55

Mas assim ele fica por cima dos últimos 25px das camadas

#6 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 12/09/2004, 05:56

Dá um look neste exemplo:

Attached Files


Klaus Paiva
Conheça também: Taperás

#7 giga_fire

giga_fire

    Normal

  • Usuários
  • 75 posts
  • Sexo:Não informado
  • Localidade:Leme

Posted 12/09/2004, 10:08

Não funfou naum... o negócio é usar o relative... mas o meu sempre dá erro... o que eu faço?

Edição feita por: giga_fire, 12/09/2004, 11:26.


#8 Maujor

Maujor

    Normal

  • Usuários
  • 93 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro

Posted 12/09/2004, 12:35

Use a regra CSS que te passei.
Para "abrir" um espaço embaixo da div de 25px declare uma margem ou padding no ultimo elemento contido na div de 25px ou mais!
Maurício Samy Silva
www.maujor.com
Dicas e Tutoriais CSS
:::::::::::::::::::::::::
www.maujor.com/fw/
Tutoriais Fireworks

#9 giga_fire

giga_fire

    Normal

  • Usuários
  • 75 posts
  • Sexo:Não informado
  • Localidade:Leme

Posted 12/09/2004, 14:08

Use a regra CSS que te passei.
Para "abrir" um espaço embaixo da div de 25px declare uma margem ou padding no ultimo elemento contido na div de 25px ou mais!

Tem rasão!! Valew!! Mas pessoal, vamos mudar um pouco a direção desse tópico, vamos discutir outro assunto: vale mesmo a pena fazer o layout em camadas?

#10 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 12/09/2004, 20:09

Sinceramente... Depende... Atualmente, não sei se é por conseguir adaptar melhor o CSS as minhas tabelas ou porquê será, mas eu prefiro ainda usar meus sites com tabelas.

Vendo o site da Macromedia (Tableless), dá até um gás, nossa, o site é show e sem tabelas... Ae tu vê o site da UOL, super clean e rápido de carregar (um dos ditos trunfos do tableless), também super show...

Embora eu não desconsidere o Tableless, ainda trabalho com tabelas.
Klaus Paiva
Conheça também: Taperás

#11 brunoalves

brunoalves

    Linux user #392843

  • Ex-Admins
  • 1018 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro

Posted 12/09/2004, 20:43

Eu gosto muito de usar o CSS pela velocidade extra que vc consegue no carregamento das páginas, mas não sou xiita comtableless não, em alguns casos o mais prático é usar uma tabelinha aqui outra ali :)

Abraços.

#12 giga_fire

giga_fire

    Normal

  • Usuários
  • 75 posts
  • Sexo:Não informado
  • Localidade:Leme

Posted 12/09/2004, 20:50

Mas algm poderia me dizer pelo amor de Deus como eu faço um rodapé? Eu tentei posicionar referente ao bottom:0px; e rigtht:0px; mas se o conteúdo ultrapassa aquele ponto a div continua ali... e o conteúdo rola pra baixo

#13 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 12/09/2004, 20:52

Tenta analizar o exemplo que anexei a minha resposta acima.
Klaus Paiva
Conheça também: Taperás

#14 giga_fire

giga_fire

    Normal

  • Usuários
  • 75 posts
  • Sexo:Não informado
  • Localidade:Leme

Posted 12/09/2004, 21:34

Tenta analizar o exemplo que anexei a minha resposta acima.

Naum tem jeito... eu naum sei o q eu faço...

#15 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 13/09/2004, 06:34

Não tem como vc postar o que esta fazendo aqui? Assim vai ficar bem melhor do pessoal te ajudar... as vezes vc esta colocando alguma coisa no lugar errado...
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq