Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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é 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?
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!
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.
Veja a imagem em BG do site:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.tatuapara.com.br/assets/img/section/bg-home.jpg&key=3e1da50083a45ef7da23b29219b3969905f555109f66cf52924f20e073c71614" alt="bg-home.jpg" />
width:2000px;
height:608px;
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: