COMO INSERIR UM RODAPé FIXO MAS QUE NãO SOBREPõ

 Tópico anterior Próximo tópico Novo tópico

COMO INSERIR UM RODAPé FIXO MAS QUE NãO SOBREPõ

ASP.NET

 Compartilhe  Compartilhe  Compartilhe
#498830 - 17/12/2021 23:38:09

FIREBULLBR
RIO DE JANEIRO
Cadast. em:Dezembro/2020


Eu queria colocar um rodapé no comum na totalidade final da página, ou seja: reservar um pequeno no espaço no final da página para adicioná-lo. Já estilizei perfeitamente o tamanho, masmeu problema é que ele não fica no final da página de jeito nenhum.

Se eu usar position: fixed, ele sobrepõe a página... Se eu uso absolute ou relative, ele fica na parte de baixo, mas se a página é rolável, ele simplewsmente sai do lugar.

Me estendi demais, vou exemplificar da melhor forma... Quero fazer um rodapé como o daqui do site, que fica no final da página e só aparece quando rolamos até o final.



Resposta escolhida #498831 - 18/12/2021 01:04:35

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
Mais ou menos assim

_______________________________________________________________________
Virei Orculo!
The end is nigh, be ready for the nukes!


#498835 - 18/12/2021 11:59:20

FIREBULLBR
RIO DE JANEIRO
Cadast. em:Dezembro/2020


Citação:
:
Mais ou menos assim

Obrigado por mais uma resposta.

Porém era o contrário disso que eu gostaria de fazer. No seu código, o rodapé vai sobrepor toda a página. Eu gostaria de um rodapé fixo, mas ao final e que não interferisse nos conteúdos, como o daqui do site, que fica lá embaixo, no canto dele, e só aparece ao rolar a página.



#498836 - 18/12/2021 17:11:13

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
Então, é a mesma coisa, só tira o position:fixed da classe #footer do CSS...

_______________________________________________________________________
Virei Orculo!
The end is nigh, be ready for the nukes!


#498837 - 18/12/2021 21:27:09

FIREBULLBR
RIO DE JANEIRO
Cadast. em:Dezembro/2020


Citação:
:
Então, é a mesma coisa, só tira o position:fixed da classe #footer do CSS...

Poxa, infelizmente segue sem funcionar. Quando o conteúdo da página é maior do que a exibição da tela e precisa ser rolado, o rodapé não segue esse layout.



#498838 - 18/12/2021 22:58:07

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
Está separando em containes os conteúdos?

_______________________________________________________________________
Virei Orculo!
The end is nigh, be ready for the nukes!


#498839 - 18/12/2021 23:02:00

FIREBULLBR
RIO DE JANEIRO
Cadast. em:Dezembro/2020


Última edição em 18/12/2021 23:04:15 por FIREBULLBR

Citação:
:
Está separando em containes os conteúdos?

<!DOCTYPE html>

<html lang='pt-br'>
<head>
    <meta charset='utf-8' />
    <meta name='viewport' content='width=devce.width, initial-scale=1.0' />
    <title>Idade mínima - Ajuda do site</title>
    <link rel='stylesheet' href='corpo.css' />
</head>
<body>
    <header class='cabecalho'>
        <img src='logo_PC.png' />
        <p style='padding-top: 15px; margin-top: 0px; margin-left: 225px;'>Portal de Ajuda</p>
    </header>
    <article class='artigo' style='margin-top: 23px; margin-left: 287px;'>Idade mínima</article>
    <section style='margin-left: 289px; margin-right: 330px;'>
        <div style='margin: 0px; padding: 0px;'>
            <p class='paragrafo' style='margin-left: 0px;'>Queremos oferecer um serviço de qualidade e acessível ao maior número de pessoas. Por esse motivo, no site, será difícil que a sua idade seja um problema.</p>
            <p class='paragrafo' style='margin-left: 0px;'>Qualquer pessoa, independentemente da idade, pode comprar e vender em nossa plataforma, porém, é necessário ter pelo menos 14 (catorze) anos para possuir um cadastro em seu nome e ser o responsável pela conta, mas você poderá usar uma conta de outra pessoa com autorização dela se não cumprir esse requisito.</p>
            <p class='paragrafo' style='margin-left: 0px;'>Para entender mais sobre nossas políticas, veja <a href='terms.html'>Termos de uso do site </a>.</p>
        </div>
    </section>
    <section class='rodape'>
        <footer>
            <p class='fire'>Todos os direitos reservados à Fire e-Commerce do Brasil</p>
        </footer>
    </section>
</body>
</html>




#498840 - 19/12/2021 04:16:59

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
Observe bem o fiddle que postei antes. Tem coisas nele que não tem no seu HTML...

_______________________________________________________________________
Virei Orculo!
The end is nigh, be ready for the nukes!


 Tópico anterior Próximo tópico Novo tópico


Tópico encerrado, respostas não sao permitidas
Encerrado por FIREBULLBR em 20/12/2021 11:32:04