Weblivre.net - Informação em Primeiro Lugar

Assine nosso RSS
Publicado em 27/10/2005 - 11 comentários - Ler artigos relacionados - Você está em: Colunas » Html

Alinhando página independendo da resolução do usuário

Aprenda a alinhar uma página ao centro independendo da resolução do usuário.

Saudação pessoal!
Após algum tempo afastado do WebLivre, aqui estou de volta.

Após dezenas de pessoas me perguntarem: “Como centralizo uma página em todas as resoluções?
Vamos hoje então solucionar esse “mistério” que assombra centenas de webmasters.

Pode ficar tranqüilo, pois o que iremos utilizar é HTML puro! Não precisa de Java Script, CSS nada disso.

Primeiro criamos uma tabela com o tamanho de 100% (tanto verticalmente quanto horizontalmente) em relação à área de trabalho do navegador.
Para alinhar o conteúdo ao centro é utilizado as propriedades: valign e align.

Veja na prática como fica:

<table width="100%" height="100%">
  <tr>
    <td align="center" valign="middle"> CONTEUDO </td>
  </tr>
</table>

Acabou! Simples não?

É isso ai pessoal, espero que tenham gostado.

Autor: Filipe - WebLivre

Compartilhe:

Comentários

Comente este artigo!

Luan em 20/12/2007
po galera vão estudar css, tabela é pra dados nao pra ficar alinhando pagina, figuras e outras coisas mais

Heric em 02/08/2007
é Arlison .. nem compensa explicar.. o cara é burro mesmo .. Auhauhuh flws

Meg em 24/07/2007
Eu gostaria de centralizar a página do meu blog (weblogger) e tentei usar esse código. A foto do template ficou centralizada, mas o conteúdo não. Poderia me ajudar? Por favor, responda enviando-me um e-mail.

Mih em 24/01/2007
Não entendi nada ¬¬' tabela? que tabela? onde eu enfio esse codigo? poderia explicar neh honey =/

web em 19/09/2006
bom...greisom vai dreamwaver, em layout, usando esse codigo, nst nst

Pr. Edison Pugaciov em 06/09/2006
Como faço para anular o espaço que fica em cima do site, ou fazer ele,quando abrir o conteudo subir uma linha. Veja como ele está: www.pastoredisonpugaciov.blogspot.com Obrigado.

Rhick em 06/08/2006
é Felipão, muito interessante, MAS, Entretanto... tu deu uma fora... (valeu a intenção)

Angelzinhu (Raphael) em 31/07/2006
pow... isso aew eu jah conhecia mais ou menos... sei lah... tira um poko do "charme" do site... eh legal de vez em quando... o site não se emquadrar com a resolução... ah... num sei explicar... ==== mas esse script eh bem útil 10 ^^

Roberto em 24/02/2006
Onde coloco isso ?

Arlison em 10/12/2005
greison, vc que não devia ter escrito isso. Com o minimo de conhecimento você irá entender que terá outra tabela dentro dessa, com um tamanho fixo (em pixel), onde estará o site.

greison em 09/12/2005
meu deus como deixam um cara escrever uma coisa dessas me diz uma coisa rapaz vc poe as coisas em 100% e dai qdo vc tme uma imagem hein?

2004-2008 Weblivre.net Todos os direitos reservados.

Quem somos | Política de Acesso | Anuncie | Na Mídia | Seja um Colunista | Sugestão de Pauta | Fale Conosco

Idealização: Webla - Comunicação Digital