No CSS às vezes complicamos nossas vidas com coisas simples que são menos complicadas do que pensamos, e que, quando vemos a solução, quase rimos de observar tais anedotas.
Mais de uma pessoa me perguntou como centralizar um div posicionado de forma absoluta e a resposta é muito simples:
- Damos ao div uma largura fixa. Exemplo: 500px
- Absolutamente posicionamos o div com 50% restantes. Exemplo: posição: absoluta; esquerda: 50%;
- Subtraímos metade do que mede com a margem. Exemplo: margin-left: -250px;
O resultado é um div perfeitamente centralizado e posicionado de forma absoluta.
Muito obrigado .. como vc diz algo tão simples e que apesar do passar do tempo ainda é autor de muitas dores de cabeça.
Sua postagem foi muito útil para mim, muito obrigado.
Muito obrigado !!!
Boa contribuição me serviu muito obrigado
Que grande maluco ele me serviu: D
Excelente obrigado ...
Muito bom Carlos.
excelente informação
Obrigado me serviu
Você me salvou!!! Obrigado :)
Obrigada tio, você me ajudou muito !!, aquela falta de imaginação minha.
Muito obrigado !!!!! esse truque sempre me ajuda haha
muito obrigado excelente amigo
Isso não é centralizado, tudo depende do tamanho original do elemento div base que o fazemos crescer dependendo do que é colocado dentro, para mim foi mais útil usar isso do que visualmente se eu o vir ainda mais centrado e responsivo:
absoluto;
esquerda: 50%;
margem esquerda: -100px;
isso seria a metade.
A contribuição é apreciada, me ajudou muito, saudações!
Muito boa contribuição me ajudou muito, mil graças!