Como Centralizar O Site?

iSoron · Novembro 26, 2004

Saudações amigos!

Como eu deixo o site centralizado, utilizando CSS?

Estou tentando assim: um div dentro do body, sendo que esse div é da classe frameCentral. Nessa classe, eu defini vertical-align para middle, mas nada do div ir pro meio! Eu até usaria padding, mas eu não sei o tamanho do navegador, então como vou definir padding-left e padding-right?

ps.: esse div precisa ter tamanho fixo.

[]'s

iSoron.

Tavinho · Novembro 26, 2004

Ve se isto te serve:

<!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-left:auto;  	
margin-right: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>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p>Por: http://www.maujor.com</p>
</div>
	</div>
</body>
</html>

Devidos Creditos a :Maurício Samy Silva

Site: www.maujor.com

Um dos melhores sites de Css que já encontrei ...

Um abraço

Falowww

iSoron · Novembro 26, 2004

Valeu Tavinho!

No fim das contas, bastou adicionar isso:

.frameCentral {
   margin:10px auto;
}

[]'s

iSoron.

Novembro 27, 2004

Falowww

Qualquer coisa ...

um abraço

renan_doidera · Novembro 28, 2004

Pode usar padding 25% cara, também dá certo...

Falows

Entrar

Como Centralizar O Site?

Pergunta

iSoron

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

Tavinho

Link para o comentário

Compartilhar em outros sites

iSoron

Link para o comentário

Compartilhar em outros sites

Guest Guest

Link para o comentário

Compartilhar em outros sites

renan_doidera

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades