Centrar exactamente no centro com CSS
23 December 2007
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.
Baú: Web-design
4 comentários Escreve o teu!
1. André Luís | December 23rd, 2007 at 10:56 pm
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.
2. Edgar Costa | December 23rd, 2007 at 11:10 pm
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
3. Joaquim Rendeiro | December 24th, 2007 at 1:54 am
Interessante… geralmente uso apenas margin:0 auto 0 auto;
4. Joaquim Rendeiro | December 24th, 2007 at 1:59 am
Ups… Deve ter sido memória muscular e o sono.. Li demasiado rápido e só agora reparei que interessa centrar verticalmente! *ashamed*
Escreve o teu comentário
Tags HTML permitidas:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>