Skip to main content
formatação
Fonte Link
Maniero
  • 484,4mil
  • 94
  • 1,3mil
  • 2,2mil

Como fazer o container alcançar o rodapé? (mesmo com pouco conteudoconteúdo)

Tenho um layout aqui, onde, o background do containercontainer é preto transparente, e ele vai até o rodapé da página. mas tem outro problema, aonde tá escrito "Sitemap", é um menu que desliza para cima, e esse containercontainer tem que fica atrás desse pedaço, o footerfooter tá usando position´position: relativerelative´. layout do site onde container vai até o rodapé

esse é o código do container:

.container {
    width: 1000px;
    margin: 0 auto;
    margin-bottom: -50px;
}

no código, margin´margin-bottombottom´ negativo foi o jeito que dei de fazer o containercontainer ficar atrás do início do footerfooter, mas o cliente olhou pelo monitor dele e parece que não alcançou, acho que é por causa da resolução da tela dele...(maldição!)

ps: o bg transparent é outra classe que insere o fundo transparente no container.

edit: meu footerfooter fica sempre grudado no fundo da página, ou seja, é um sticky footersticky footer, então, independente do tamanho do monitor, o footer* footer* sempre fica no fundo, e isso que deixa mais difícil, porque esse containercontainer deve ficar sempre grudado nele também.

Como fazer o container alcançar o rodapé? (mesmo com pouco conteudo)

Tenho um layout aqui, onde, o background do container é preto transparente, e ele vai até o rodapé da página. mas tem outro problema, aonde tá escrito "Sitemap", é um menu que desliza para cima, e esse container tem que fica atrás desse pedaço, o footer tá usando position: relative. layout do site onde container vai até o rodapé

esse é o código do container:

.container {
    width: 1000px;
    margin: 0 auto;
    margin-bottom: -50px;
}

no código, margin-bottom negativo foi o jeito que dei de fazer o container ficar atrás do início do footer, mas o cliente olhou pelo monitor dele e parece que não alcançou, acho que é por causa da resolução da tela dele...(maldição!)

ps: o bg transparent é outra classe que insere o fundo transparente no container.

edit: meu footer fica sempre grudado no fundo da página, ou seja, é um sticky footer, então, independente do tamanho do monitor, o footer sempre fica no fundo, e isso que deixa mais difícil, porque esse container deve ficar sempre grudado nele também.

Como fazer o container alcançar o rodapé? (mesmo com pouco conteúdo)

Tenho um layout aqui, onde, o background do container é preto transparente, e ele vai até o rodapé da página. mas tem outro problema, aonde tá escrito "Sitemap", é um menu que desliza para cima, e esse container tem que fica atrás desse pedaço, o footer tá usando ´position: relative´. layout do site onde container vai até o rodapé

esse é o código do container:

.container {
    width: 1000px;
    margin: 0 auto;
    margin-bottom: -50px;
}

no código, ´margin-bottom´ negativo foi o jeito que dei de fazer o container ficar atrás do início do footer, mas o cliente olhou pelo monitor dele e parece que não alcançou, acho que é por causa da resolução da tela dele...(maldição!)

ps: o bg transparent é outra classe que insere o fundo transparente no container.

edit: meu footer fica sempre grudado no fundo da página, ou seja, é um sticky footer, então, independente do tamanho do monitor, o * footer* sempre fica no fundo, e isso que deixa mais difícil, porque esse container deve ficar sempre grudado nele também.

inserido uma observação
Fonte Link
Leandro RR
  • 818
  • 3
  • 13
  • 27

Tenho um layout aqui, onde, o background do container é preto transparente, e ele vai até o rodapé da página. mas tem outro problema, aonde tá escrito "Sitemap", é um menu que desliza para cima, e esse container tem que fica atrás desse pedaço, o footer tá usando position: relative. layout do site onde container vai até o rodapé

esse é o código do container:

.container {
    width: 1000px;
    margin: 0 auto;
    margin-bottom: -50px;
}

no código, margin-bottom negativo foi o jeito que dei de fazer o container ficar atrás do início do footer, mas o cliente olhou pelo monitor dele e parece que não alcançou, acho que é por causa da resolução da tela dele...(maldição!)

ps: o bg transparent é outra classe que insere o fundo transparente no container.

edit: meu footer fica sempre grudado no fundo da página, ou seja, é um sticky footer, então, independente do tamanho do monitor, o footer sempre fica no fundo, e isso que deixa mais difícil, porque esse container deve ficar sempre grudado nele também.

Tenho um layout aqui, onde, o background do container é preto transparente, e ele vai até o rodapé da página. mas tem outro problema, aonde tá escrito "Sitemap", é um menu que desliza para cima, e esse container tem que fica atrás desse pedaço, o footer tá usando position: relative. layout do site onde container vai até o rodapé

esse é o código do container:

.container {
    width: 1000px;
    margin: 0 auto;
    margin-bottom: -50px;
}

no código, margin-bottom negativo foi o jeito que dei de fazer o container ficar atrás do início do footer, mas o cliente olhou pelo monitor dele e parece que não alcançou, acho que é por causa da resolução da tela dele...(maldição!)

ps: o bg transparent é outra classe que insere o fundo transparente no container.

Tenho um layout aqui, onde, o background do container é preto transparente, e ele vai até o rodapé da página. mas tem outro problema, aonde tá escrito "Sitemap", é um menu que desliza para cima, e esse container tem que fica atrás desse pedaço, o footer tá usando position: relative. layout do site onde container vai até o rodapé

esse é o código do container:

.container {
    width: 1000px;
    margin: 0 auto;
    margin-bottom: -50px;
}

no código, margin-bottom negativo foi o jeito que dei de fazer o container ficar atrás do início do footer, mas o cliente olhou pelo monitor dele e parece que não alcançou, acho que é por causa da resolução da tela dele...(maldição!)

ps: o bg transparent é outra classe que insere o fundo transparente no container.

edit: meu footer fica sempre grudado no fundo da página, ou seja, é um sticky footer, então, independente do tamanho do monitor, o footer sempre fica no fundo, e isso que deixa mais difícil, porque esse container deve ficar sempre grudado nele também.

removida 'apresentações'
Fonte Link
rray
  • 67,7mil
  • 21
  • 116
  • 285

minha primeira pergunta aqui no StackBR, é o seguinte, tô comTenho um layout aqui, onde, o background do container é preto transparente, e ele vai até o rodapé da página. mas tem outro problema, aonde tá escrito "Sitemap", é um menu que desliza para cima, e esse container tem que fica atrás desse pedaço, o footer tá usando position: relative. layout do site onde container vai até o rodapé

esse é o código do container:

.container {
    width: 1000px;
    margin: 0 auto;
    margin-bottom: -50px;
}

no código, margin-bottom negativo foi o jeito que dei de fazer o container ficar atrás do início do footer, mas o cliente olhou pelo monitor dele e parece que não alcançou, acho que é por causa da resolução da tela dele...(maldição!)

ps: o bg transparent é outra classe que insere o fundo transparente no container.

apreciaria alguma luz no fim do túnel aqui.

minha primeira pergunta aqui no StackBR, é o seguinte, tô com um layout aqui, onde, o background do container é preto transparente, e ele vai até o rodapé da página. mas tem outro problema, aonde tá escrito "Sitemap", é um menu que desliza para cima, e esse container tem que fica atrás desse pedaço, o footer tá usando position: relative. layout do site onde container vai até o rodapé

esse é o código do container:

.container {
    width: 1000px;
    margin: 0 auto;
    margin-bottom: -50px;
}

no código, margin-bottom negativo foi o jeito que dei de fazer o container ficar atrás do início do footer, mas o cliente olhou pelo monitor dele e parece que não alcançou, acho que é por causa da resolução da tela dele...(maldição!)

ps: o bg transparent é outra classe que insere o fundo transparente no container.

apreciaria alguma luz no fim do túnel aqui.

Tenho um layout aqui, onde, o background do container é preto transparente, e ele vai até o rodapé da página. mas tem outro problema, aonde tá escrito "Sitemap", é um menu que desliza para cima, e esse container tem que fica atrás desse pedaço, o footer tá usando position: relative. layout do site onde container vai até o rodapé

esse é o código do container:

.container {
    width: 1000px;
    margin: 0 auto;
    margin-bottom: -50px;
}

no código, margin-bottom negativo foi o jeito que dei de fazer o container ficar atrás do início do footer, mas o cliente olhou pelo monitor dele e parece que não alcançou, acho que é por causa da resolução da tela dele...(maldição!)

ps: o bg transparent é outra classe que insere o fundo transparente no container.

Fonte Link
Leandro RR
  • 818
  • 3
  • 13
  • 27
Carregando