Site ocupandpo toda a tela

[marcelo duarte 0]

Galera boa noite, como é feito este tipo de site, http://www.tatuapara.com.br/ Ele parece ocupar toda a tela, não da barra rolagem e fik perfeito, em qualquer tamanho de monitor, testei em meu notebook, em um monitor de 17, um de 22 e outro de 23, o site nao muda o tamanho é o mesmo, tentei fazer mas nao consegui, quando coloco width 100% da certo ocupa toda a tela independente do tamanho do monitor, mas quando coloco height em porcetagem, nao vai, nada acontece.

[André do Vale 76]

Na verdade ele não se adapta (layout fluído). Possui apenas 1000px de largura, e tem um fundo relativamente grande que cria essa sensação. :thumbsup:

[marcelo duarte 0]

André bom dia, a largura realmente é uma imagem grande, mas e a altura, então seria tamanho fixo, apenas centralizado, exemplo height 600px no centro? Seria algo assim?

[Andre Cristhian 3]

Sim, a imagem define a altura do HEIGHT, no mesmo esta la height:100%; e dentro tem a imagem com um height em px especifico!

[André do Vale 76]

Marcelo, na verdade, ele posiciona o site de uma maneira "falha". Pois ele seta 600px de altura, e o centraliza na tela com base nesta altura. Porém, se a tela for menor, o site irá sumindo pelo topo e rodapé. :thumbsup:

 

Você pode ver pelo CSS lá, margem: -300px auto 0 auto.

[Andre Cristhian 3]

Veja a imagem em BG do site:

 

 

 

 

width:2000px;

height:608px;