Olá, eu tenho um problema que está perturbando a muito tempo, eu tenho uma pagina na qual há uma div
cuja tem vários conteúdos dentro que se modificam de acordo com o desejo do usuário, logo abaixo existe um Rodapé.
Caso eu coloque um position: relative
, o rodapé irá adequar sua posição de acordo com o tamanho da página, porém ele não fica "preso" em baixo (sem nenhum espaço até o fim dá page) caso o altura do monitor se altere. Já caso eu coloque um position: absolute
o footer irá ficar fixo no fim da página, mas não se adequará ao tamanho da janela. Então não sei como fazer para "mesclar" as duas configurações necessárias.
Meu exemplo está aqui.
Obrigado.
position: fixed
?position: fixed
, e sim com umposition: relative
ou com umposition: absolute
, o problema está em suas características primitivas, no caso doposition: relative
ele irá mudar sua posição (sua localização, não sua posiçãocss
) de acordo com o tamanho dos elementos que se localizam antes dele, porém não encontro um jeito de colocar umbottom: 0px
semelhante ao que acontece caso eu aplique umposition: absolute
. Alguém sabe como seria possível fazer isso?