Ir para conteúdo
Fórum Script Brasil
  • 0

Pagina centrada


pmlv

Pergunta

Olá a todos.

Eu criei uma página mas esta sai fora do ecrã (necessário o scroll) e o que eu queria era evitar isso, por exemplo, ter a página sempre centrada independentemente das resoluções de ecra de cada visitante.

alguém me pode ajudar???

obrigado

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Bom, isso é simples, se entendo bem teste isso.

HTML:

<html>
<head></head>
<body>
<div id="central">

</div>
</body>
</html>
CSS:
body{
background-color:#ff0000;
}

#central{
background-color:#ffffff;
width:1200px;
height:764px;
margin-left:50%;
left:-600px;
position:absolute;
}

Veja que defini um tamanho qualquer para a div, joguei ela 50% para direita, e voltei metade do tamanho dela usando um left negativo.

Isso irá centralizar horizontalmente, caso queira centralizar na vertical utilize o mesmo processo com só que com margin-top e top.

Link para o comentário
Compartilhar em outros sites

  • 0

body{
background-color:#ccc;
}

#central{
background:fixed center #fff;
width:80%;
height:100%;
margin-left:20%;
}
eu faria assim no seu caso hehe :D...mas da quase na mesma...o detalhe é q ela irá se adaptar ao tamanho da janela..e ao do ecrã tambem...igual o google faz para celulares e smartphones...so q você nesse caso tem q fazer uma pagina voltada para este tipo de aparelho...<link ... media="?" /> ...porque senao...a pagina vai se desconfigurar toda...entendeu? :P qualquer coisa é so mudar os valores para valores fixos... :D
width:800px;height:480px;margin-left:10%;margin-top:10%;
ou...
width:900px;height:480px;margin-left:5%;margin-top:5%;

Editado por BetiN
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...