<!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">
<head>
<style type="text/css">
body {
margin:0;
padding:0;
background:#cccccc;
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: #eeeeee;
}
</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>
funciona perfeitamente, mas quando tento fazer
o html e o css separado
Pergunta
babaloricha
To indignado
peguei um codigo para centralizar divs
<!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"> <head> <style type="text/css"> body { margin:0; padding:0; background:#cccccc; 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: #eeeeee; } </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>funciona perfeitamente, mas quando tento fazer o html e o css separado o css#tudo { width: 760px; margin:0 auto; padding: 10px; text-align:left; /* "remédio" para o hack do IE */ } #conteudo { padding: 5px; background-color: #eeeeee; }A DIV não CENTRALIZA mas que po.....
alguém pode me explicar?
Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.