1

Tenho uma div dentro do footer, mas ela é expansível na largura, como faço para centralizar? Já usei margin: 0 auto; mas não foi.

<footer class="rodape">
    <div class="centralizar"></div>
</div>
5
  • posta um exemplo aí com o css do que tu fez
    – haykou
    Commented 25/04/2016 às 20:22
  • footer.rodape > aside.footer-down > .partners { width: auto; margin: auto; } essa é a div que quero centralizar
    – Renan
    Commented 25/04/2016 às 20:23
  • footer.rodape > aside.footer-down { margin: auto; width: 950px; height: 50px; display: table; position: absolute; bottom: 0px; } essa é aonde ta o rodapé
    – Renan
    Commented 25/04/2016 às 20:24
  • Se não funcionou com margin: 0 auto; é por algum outro problema na sua página. Se não puser o CSS na pergunta, fica complicado de alguém responder.
    – Largato
    Commented 25/04/2016 às 20:25
  • Neste caso você pode remover a pergunta, ou postar a solução como resposta, se achar que pode ser útil para outras pessoas.
    – Largato
    Commented 25/04/2016 às 20:26

2 Respostas 2

2

Provalmente o problema de não estar centralizando a div é a questão de que sua class 'rodape' não tem uma width definida e o mesmo vale para a div 'centralizar'...

.rodape{
  width:100%; 
  background:red
}
.centralizar{
  width:80%;
  background:gray;
  margin:0 auto;
  padding:20px
}
<footer class="rodape">
    <div class="centralizar">qualquer coisa aqui</div>
</div>

1

Se quer uma div responsiva que se auto ajuste e ela continue centralizada utilize o seguinte css:

.centralizar{width:20%; margin: 0 auto;}

Caso queira aumentar a div é só aumentar a porcetagem do width. Lembre-se a posição e relativa a estrutura do html feita.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .