Centrar exactamente no centro com CSS
Posted on December 23, 2007 by Edgar Costa
Recorri há minutos a uma técnica bastante útil em CSS disponível no css-tricks.com.
.centered {
position: fixed; top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
}
Fica aqui a resource para usar novamente mais tarde.
Filed Under: Web-design
Cuidado que o IE6 não suporta o position:fixed. Also, se não estás a centrar relativamente ao documento, creio que deves ter que por um position: qualquer diferente de static para mudar o referêncial.
Para ultrapassar o problema no Internet Explorer o melhor é com o seguinte hack:
*html .centered {
position: absolute;
}
Assim só no IE é que o position fica absolute
Interessante… geralmente uso apenas margin:0 auto 0 auto;
Ups… Deve ter sido memória muscular e o sono.. Li demasiado rápido e só agora reparei que interessa centrar verticalmente! *ashamed*