kisae 0 Denunciar post Postado Agosto 30, 2011 Olá pessoal, sou novo aqui no forum ^^ Bom digamos que eu tenho um bom conhecimento em HTML, javascript e CSS, porem hoje fui tentar por em pratica realmente, comecei ( ou pelo menos tentei ) a fazer o layout do site... Só que ai vem oque está me complicando: fiz uma imagem 1200x800 usando o width:100%, até ae estava perfeito, já que pelo que eu vi, usando o width 100% ele pega 100% do browser de qualquer pessoa que estiver visitando o site... Porem quando fui por mais uma imagem por cima do layout, no tamanho de 1100x700 usando o width:100% apenas, ficou assim: ( com os scrolls ) http://i56.tinypic.com/34fjm7d.jpg Depois tirei o width:100% da segunda imagem e coloquei em pixels ( 1100 x 700 ) ficando assim: http://i54.tinypic.com/2wnoht2.jpg E simplesmente o que eu queria é, que ficasse assim em qualquer resolução: http://i53.tinypic.com/2hyb5m1.jpg :/ Peço desculpas pela pergunta, e espero que eu tenha conseguido explicar o que está acontecendo... Obrigado a quem puder me explicar onde está o erro. Compartilhar este post Link para o post Compartilhar em outros sites
Ted k' 126 Denunciar post Postado Agosto 30, 2011 Bem vindo ao fórum! Vamos para as dúvidas. Cara se a imagem tem um tamanho fixo é obvio que em todas a resoluções ela não ficará do jeito que você quer... pense bem, ela tem 1100x700, se você tiver uma resolução de tela de 1024x768, ja viu que não ficará certo, o que você pode fazer é diminuir a imagem... e jogar uma div no centro da tela, com essa imagem dentro... voce coloca sua imagem grande no body, e essa menor, dentro de uma div por cima usando o position! Compartilhar este post Link para o post Compartilhar em outros sites
alebae 0 Denunciar post Postado Agosto 30, 2011 E se você diminuir o % do width, e colocar um % para height, solucionaria? Compartilhar este post Link para o post Compartilhar em outros sites
kisae 0 Denunciar post Postado Agosto 31, 2011 Obrigado pessoal, parece que consegui resolver ^^ Agradeço de coração. Compartilhar este post Link para o post Compartilhar em outros sites
Ted k' 126 Denunciar post Postado Agosto 31, 2011 Como resolveu amigo? Compartilhar este post Link para o post Compartilhar em outros sites
kisae 0 Denunciar post Postado Setembro 3, 2011 Como resolveu amigo? Usei um margin:0 auto E regulei o tamanho, ai ficou certinho ^_^ Abraços. Compartilhar este post Link para o post Compartilhar em outros sites