quarta-feira, 26 de janeiro de 2011

Div Centralizada

Alô, amigos!
Para quem trabalha com web design, e utiliza a linguagem CSS para desenvolver layouts, vou postar um código que encontrei no site do maujor, e estarei postando aqui para vocês!
Espero que gostem!
<!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: 760px;
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 Centrada com CSS sem scroll ate 800x600</h1>
    <p> Não use nenhum elemento HTML 
(figuras, tabelas, etc...) com largura 
      superior a 750px.</p>
</div>
</div>
</body>
</html>

Nenhum comentário:

Postar um comentário