1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Centrar uma pagima web

Discussão em 'Web Development' iniciada por pereira_killer, 30 de Abril de 2007. (Respostas: 7; Visualizações: 749)

  1. pereira_killer

    pereira_killer Power Member

    Não consigo centrar as paginas web para uma determinada resolução. Ela só fica centrar se for com a resolução 1024 por 768 e meter outra resolução ja não fica centralizado.
    Alguem me pode ajudar?
     
  2. zoidberg

    zoidberg Folding Member

    <center> <table ou div> pagina </table ou /div> </center> ?
     
  3. HecKel

    HecKel The WORM

    Boas!

    Sobre a tag <center>, ler aqui porque não se deve utilizar.

    Vê aqui como deves centrar algo.

    Já agora, mais informações sobre a tag <div>. Tabelas só devem ser usadas em listagens.

    abraços, HecKel
     
  4. Esse site sobre CSS está muito útil.






    Ja agora, nao sei se é offtopic mas como se falou em tabelas, aqui está um link para mais informaçoes sobre o metodo "tableless" : (estruturação do site sem tabelas, ja que estas não devem ser usadas pra estruturação do mesmo)

    http://tableless.com.br/sobre/
     
  5. xapa

    xapa Power Member

    a maneira mais simples de fazer uma pagina visivel em todas as definições é recorrer a CSS, é simples e não custa nada, olha AQUI um bom tutorial :)
     
  6. SoundSurfer

    SoundSurfer Power Member

    em css é só colocar: "margin-left:auto; margin-right:auto" ao elemento que delimita o conteúdo.
     
  7. Gurzi

    Gurzi Power Member

    Atenção que o Internet Explorer é uma valente treta, para alinhares uma div ao centro tens que colocar text-align:center;

    Fica bem,
     
  8. msdevweb

    msdevweb Power Member

    Bom, se quiseres só centrar a tua pagina horizontalmente o que foi dito acima chega, terás apenas que criares uma div contendo o teu site todo, e depois é só centrar...

    Se quiseres também centrar na vertical, isso aí é que já é muito mais complicado... à uns tempos tive que fazer isso, e olha que não foi nada facil...Depois de bastante tempo em pesquisa, cheguei a isto, que podes usar para fazeres as duas coisas (centrar vertical e horizontal):

    defines um #id, como #centrar
    tipo
    Código:
    #centrar {
     
    position:absolute;
    top: 50%; 
    left: 50%;
    width: 800px; /* comprimento da tua div (teras que ajustar para o teu site) */
    height: 500px; /* altura da tua div (teras que ajustar para o teu site) */
    margin-top: -250px; /* aqui defines com o resultado negativo da divisão por 2 da tua altura neste caso -(500/2)*/
    margin-left: -200px; /* aqui defines com o resultado negativo da divisão por 2 do teu comprimento neste caso -(800/2)*/
     
    }
    
    depois só precisas de usar
    Código:
    <div id="centrar">
    CONTEUDO DO SITE AQUI
    nota que a div tem height=500 e width=800, logo não ultrapasses esses valores com o teu conteudo, ou corre tudo mal ;p
    </div>
    
    Isto deverá funcionar para a maior parte dos browsers.

    Espero ter ajudado. Um abraço.
     
    Última edição: 1 de Maio de 2007

Partilhar esta Página