Pular para o conteúdo
CSS em Programação

Definindo resolução em páginas

Responder tópico
  • Denunciar
  • Indicar

1. Definindo resolução em páginas

Enviado em 06/07/2011 - 23:59h

Tenho a seguinte situação: crio minhas páginas em um computador com monitor antigo (crt) resolução 1024x768 quando vou abrir a mesma página em um computador com monitor widescreen (1380x768) a página desconfigura toda mesmo eu deixando tudo centralizado. Sei que no css ou até mesmo em html consigo definir isso, gostaria apenas que alguem me desse uma dica.
Como gostaria de deixar as páginas são da seguinte maneira, em monitor com resolução baixa apareça por toda a área do navegador já para os widescreen que centralize deixando bordas laterais.
Todas as dicas serão bem-vindas, desde já agradeço.

Responder tópico

2. Re: Definindo resolução em páginas

Enviado em 05/11/2012 - 07:15h



body{

    text-align:center;

    margin:0px;

    padding:0px;

}



#wrap{

/*crie uma div com o id #wrap e coloque todo seu site dentro */



    margin: 0px auto;

    text-align:left;

    width:1000px /*aqui a largura que vc gostaria que seu site tivesse... recomendo 1000 visto que vai usar em um CRT com 1024x768*/



/* Defina um height caso queira que a altura seja fixa ... senão pode usar uma classe clear para esticar a altura do div com o conteudo*/



}

.clear{

    clear:both;

}


a estrutura do html eh como eu ja comentei no css





....

<body>

    <div id="wrap">

    <!-- aqui vai todo o conteudo do site -->



    <div class="clear"></div>

    </div>

</body>


espero ter ajudado.

Responder tópico

Responder tópico

Entre na sua conta para responder.

Fazer login para responder