Olá pessoal irei ensinar como centralizar uma DIV no centro da tela, pessoal costuma fazer isto muito em tela de login. Não irei falar muito, somente mostrarei o exemplo:
<html>
<head>
<style type="text/css">
.login{
background-color: #fff; /* cor fundo da DIV*/
height: 268px; /* altura da div*/
left: 50%; /* 50% da esquerda da tela ou seja centro na horizontal*/
margin: -240px 0 0 -320px;
position: absolute;
top: 50%; /* 50% longe do topo, ou seja meio da tela na vertical */
width: 497px; /* largura da DIV*/
}
</style>
</head>
<body bgcolor="#999999">
<div class="login">
conteudo desta div
</div>
</body>
</html>
<html>
<head>
<style type="text/css">
.login{
background-color: #fff; /* cor fundo da DIV*/
height: 268px; /* altura da div*/
left: 50%; /* 50% da esquerda da tela ou seja centro na horizontal*/
margin: -240px 0 0 -320px;
position: absolute;
top: 50%; /* 50% longe do topo, ou seja meio da tela na vertical */
width: 497px; /* largura da DIV*/
}
</style>
</head>
<body bgcolor="#999999">
<div class="login">
conteudo desta div
</div>
</body>
</html>
Comentários
Postar um comentário