Centrar Página

[smile_135]

Boa Tarde a todos

estou a fazer uma pagina e deparo-m com um problema..

estou a optimizar a pagina para a resolução 1024X768 e vista num pc com resolução maior a pagina fica alinhada pelo canto superior esquerdo e eu queria k ela fica-s centrada.

eu sei k isto é possivel, mas não sei como..

Alguem me pode ajudar.

cumps

[Triton]

Não devias optimizar páginas para determinadas resoluções mas sim usar percentagens de forma a redimensionar a página. 😄

[Rui Carlos]

Não devias optimizar páginas para determinadas resoluções mas sim usar percentagens de forma a redimensionar a página. 😄

mas usar percentagens torna praticamente impossível organizar a página de forma a que tenha uma apresentação agradável em qualquer resolução.

no entanto acho que não devias usar uma largura de 1024 mas sim de 800, pois assim ficaria "optimizada" para qualquer resolução igual ou superior a 800.

quanto à tua pergunta, eu uso CSS para centrar a página, crio uma div que contém toda a página, à qual associo o atributo "margin: auto;".

penso que isso também seria possível com tabelas, mas acho que é melhor usares div's...

[smile_135]

amigo rui.

nao me podes dar um exemplo de como isso s faz, e k eu e o html nao somos propiamente amigos de infancia.. 😁

cumpx

[Rui Carlos]

no html colocas toda a página dentro de uma div (que neste caso terá o nome "page")

<html>
  <head>
  ...
  </head>
  <body>
    <div id="page">
    ... conteudo da pagina...
    </div>
  </body>
</html>

no CSS colocas isto:

#page
{
  margin: auto;
  width: ... px;
}

penso que deve funcionar...

[AriOps]

eu costumo é dar a esse tag o atributo align="center" 😄

[Rui Carlos]

em que tag é que colocas isso?

[djthyrax]

<div> ?

[Rui Carlos]

eu experimentei isso e apenas me centrou o texto...

[smile_135]

obrigado a todos

problema resolvido 😄

coloquei assim

<html>
  <head>
  ...
  </head>
  <body>
    <div align="center">
     <center>
    ... conteudo da pagina...
   </center> 
   </div>
  </body>
</html>

compx

[skin]

um float=center ajuda smpre...

[Rui Carlos]

obrigado a todos

problema resolvido 😄

coloquei assim

<html>
  <head>
  ...
  </head>
  <body>
    <div align="center">
     <center>
    ... conteudo da pagina...
  </center> 
  </div>
  </body>
</html>

compx

o problema dessa solução é que, se não me engano, a tag 'center' não é standard.

[djthyrax]

anyway, aqui vai uma solução possível:

<html><body><div style="position:absolute; left:0; right:0; margin:auto;">asdf</div></body></html>

EDIT: se n der mudem o position para relative penso eu de que.

[Guest id194]

Tanta coisa quando a solução mais simples e eficaz está no primeiro post do Rui Carlos. Vocês ás vezes muito gostam de inventar e/ou complicar, só não sei porquê...

[jreis]

Concordo. Quanto as outras solucoes apresentadas, o float="center" nao existe, e se existe não é standard e provavelmente apenas suportado pelo IE. o atributo align="center" vai alinhar o conteudo interno do elemento ao centro, não o proprio elemento, alem de estar depreciada, se nao estou em erro.O IE tem esse comportamento (alinhar o elemento ao centro), mas é o unico browser assim, alem de ser o comportamento incorrecto. A solucao apresentada pelo Rui Carlos é a melhor, funciona bem em todo o lado e é "standard-compliant".