Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #57 da revista programar. Faz já o download aqui!

smile_135

Centrar Pagina

Mensagens Recomendadas

smile_135    0
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

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
Rui Carlos    309
Rui Carlos

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

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...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
Rui Carlos    309
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...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
Rui Carlos    309
Rui Carlos

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

em que tag é que colocas isso?

<div> ?

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

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
smile_135    0
smile_135

obrigado a todos

problema resolvido :D

coloquei assim

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

compx

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
Rui Carlos    309
Rui Carlos

obrigado a todos

problema resolvido :D

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.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
djthyrax    11
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.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
Nazgulled    8
Nazgulled

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ê...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
jreis    0
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".

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora


×

Aviso Sobre Cookies

Ao usar este site você aceita a nossa Política de Privacidade