Arquivar

Archive for the ‘CSS’ Category

Centralizar páginas com CSS

26/Agosto/2008 willianvieira Deixe um comentário

Segundo a wikipédia, Css é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

A dica de hoje é como centralizar o conteúdo de uma página usando CSS.

No arquivo HTML:

<html>
<head>
</head>
<body>
<div id=’conteudo’>
O CONTEÚDO DO SITE VAI AQUI…
</div>
</body>
</html>

No arquivo CSS:

body {
text-align: center;
}

#conteudo {
margin: 0px auto;
width: 770px;
border: 1px solid red;
vertical-align: top;
position: relative;
}

Apenas não esqueça de chamar o arquivo css entre as tags <head> e </head>. Veja:

<html>
<head>
<link href="xxxxxx.css" rel="stylesheet" type="text/css">
</head>
….

Até a próxima…

CategoriasCSS, Dicas