Exibir em qualquer tamanho

[chlins 1]

Pessoal,

 

Como fazer este layout se adequar a qualquer resolução de tela?

 

 

Quando ele é aberto em um netbook, ele preenche toda a tela e o ideal seria ter a mesma proporção que da tela normal.

[NetBoy16 72]

Layout liquido ou elastico, nao lembro o nome :P , você ao invés de usar width e height em pixels, aplica em porcentagem, entao vamos suport que você tem uma div que quer que ela pegue toda a tela, basta colocar width: 100%; height: 100%; nesse caso vai pegar toda a tela nao importa qual seja a resolucao :thumbsup:

[chlins 1]

Layout liquido ou elastico, nao lembro o nome :P , você ao invés de usar width e height em pixels, aplica em porcentagem, entao vamos suport que você tem uma div que quer que ela pegue toda a tela, basta colocar width: 100%; height: 100%; nesse caso vai pegar toda a tela nao importa qual seja a resolucao :thumbsup:

 

OK. Mas em relação ao conteúdo (uma imagem) que tenha em cada retângulos?

Como essas imagens vão se retrair ou expandir?

[Gerciley 14]

coloque o layout dentro de uma Div que funcionaria como a tag Body do HTML, e o tamanho das divs menores em porcentagens como o NetBoy 16 disse, assim se abrir em qualquer tela o conteudo não vai preencher a tela toda.

 Mas em relação ao conteúdo (uma imagem) que tenha em cada retângulos?
Como essas imagens vão se retrair ou expandir?

Bom Nesse caso coloque também o tamanho das imagens de dentro das divs em 100%(isso se elas vão preencher todo o espaço das divs né.) mas coloque imagens melhores pois com uma resoluç~çao maior se tiver usando uma imagem ruim, vai ficar "despixelado".

[chlins 1]

coloque o layout dentro de uma Div que funcionaria como a tag Body do HTML, e o tamanho das divs menores em porcentagens como o NetBoy 16 disse, assim se abrir em qualquer tela o conteudo não vai preencher a tela toda.

 Mas em relação ao conteúdo (uma imagem) que tenha em cada retângulos?
Como essas imagens vão se retrair ou expandir?

Bom Nesse caso coloque também o tamanho das imagens de dentro das divs em 100%(isso se elas vão preencher todo o espaço das divs né.) mas coloque imagens melhores pois com uma resoluç~çao maior se tiver usando uma imagem ruim, vai ficar "despixelado".

 

Não deu certo.

Acho que todos esses retângulos com tamanhos irregulares dentro de um contêiner parece difícil de manipular.

[Diéssica 140]

Não recomendo, mas pode trabalhar com porcentagens.

 

Por que não tenta Responsive Web Design? Dá pra fazer fácil com as media queries do CSS3 :)

 

:seta: http://mediaqueri.es/