Definindo resolução em páginas

1. Definindo resolução em páginas

andrebian
(usa Fedora)

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.

0 0

Quote

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

julianjedi
(usa Arch Linux)

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.

0 0

Quote

Patrocínio

Site hospedado pelo provedor RedeHost.

Top 10 do mês

Xerxes
1° lugar - 157.260 pts
Fábio Berbert de Paula
2° lugar - 80.422 pts
Buckminster
3° lugar - 47.383 pts
Alberto Federman Neto.
4° lugar - 45.809 pts
Alessandro de Oliveira Faria (A.K.A. CABELO)
5° lugar - 36.370 pts
edps
6° lugar - 33.333 pts
Sidnei Serra
7° lugar - 27.954 pts
Mauricio Ferrari (LinuxProativo)
8° lugar - 25.933 pts
Daniel Lara Souza
9° lugar - 24.162 pts
Andre (pinduvoz)
10° lugar - 23.039 pts

Scripts

[Shell Script] atualizar_kernel.sh

[Shell Script] Flatctl

[Shell Script] yad-clamav

[Shell Script] imageDownloader

[Shell Script] Flatpak manager

Definindo resolução em páginas

1. Definindo resolução em páginas

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

Patrocínio

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts