Vejamos uma solução simples e prática para centralizar objetos em uma página utilizando código css.
Esta solução é muito útil por exemplo para colocar uma imagem em uma página de apresentação ou ainda imagens de “site em breve!”
Como ainda estamos na era da grande guerra de navegadores o código está seguido de um hack para funcionar também no IE 6.
.centered
{
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
}
*html .centered
{
position:absolute
}
teremos como resultado
Gostou desse artigo? Deixe seu comentário.
