sexta-feira, 13 de agosto de 2010

CSS - Centralizar a página na tela

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Centrar uma página com CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
margin:0;
padding:0;
background:#ccc;
text-align:center; /* hack para o IE */
}
#tudo {
width: 750px;
margin:0 auto;
padding: 10px;
text-align:left; /* "remédio" para o hack do IE */
}
#conteudo {
padding: 5px;
background-color: #eee;
}
</style>
</head>
<body>
<div id="tudo">
<div id="conteudo">
<h1>Pagina Centralizada</h1>
<p> Texto de exemplo.</p>
</div>
</div>
</body>
</html>