..:: MX Studio Fóruns ::..: Tutorial - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Tutorial Como centralizar o site no browser.

#1 User is offline   pa_bruno 

  • Group: Membros
  • Posts: 1033
  • Joined: 22-January 04

  Posted 10 February 2004 - 11:14 AM

Fala galera, surgiu uma dúvida ae de como centralizar o site horizontalmente e verticalmente no browser, aih, ao invés de eu responder, resolvi criar esse pequeno tutorial aqui, q aih ajuda mais alguém que possa ter essa dúvida.

:: TUTORIAL

- Depois da tag <body> insira o código abaixo:
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="middle">
<div align="center">Aqui entra o conteúdo do seu site</div>
</td>
</tr>
</table>

Vou agora explicar abaixo as linhas:

- a linha da tag table tem width="100%" e height="100%", ou seja, a tabela vai ocupar a tela do browser inteiro, independente da resolução. Os atributos border, cellpadding e cellspacing são opicionais, eu sempre coloco, mas fica a cargo de cada um. thumbsup.gif

- a linha do <td> tem o atributo valign="middle", ou seja o alinhamento vertical do conteúdo da tabela vai ficar centralizado verticalmente.

- agora para alinhar ao centro horizontalmente, eh soh colocar um <div align="center">, quem quiser, pode usar tb o <center>, vai ao gosto de cada um.


Bom, foi uma breve explicação de como se usar um recurso mto solicitado e usado na internet hj. Espero ter ajudado. Abraços e qualquer coisa eh soj entrar em contato. thumbsup.gif
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic



Publicidade




1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)