Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal!!
Venho aqui pedir ajuda:
Tenho uma imagem q precisa ficar 100% de altura e 100%largura (alinhada à direita), ou seja, é um layout estourado e precisa ficar assim em todas as resoluções.
Como posso resolver esse problema??
Weblur, como assim uma imagem 100% na largura e altura a direita.
Pode explicar um pouco melhor?
Imagem com 100% de largura e de altura não costuma ficar muito bom... =/ As vezes fica bem distorcida. Prefira criar várias imagens para cada resolução e trabalhar - com algum linguagem de programação - nas resoluções.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Olá
Obrigada pelas respostas!!
A imagem não pode ser duplicada, e se eu setar para 100% fica distorcido.
Achei q tivesse outra maneira de trabalhar sem ter q apelar pra outros htms para cada resolução.
Dá uma olhada:
http://forum.imasters.com.br/index.php?/topic/373616-background/page__view__findpost__p__1439663
Acabaram de perguntar a mesma coisa.
A menos que você tenha uma imagem pra cada resolução fica difícil...
você está se referindo a uma imagem mesmo ou ao fundo de algum elemento?
Weblur, você não precisa criar outro aquivo html para isso.
Você pode usar um javascript que verifica a resolução e mudar o background de acordo com o tamanho.
<script type="text/javascript" language="javascript">
alert('Width: ' + getWidth().toString());
alert('Height: ' + getHeight().toString());
function getWidth()
{
return window.innerWidth ? window.innerWidth : /* For non-IE */
document.documentElement ? document.documentElement.clientWidth : /* IE 6+ (Standards Compilant Mode) */
document.body ? document.body.clientWidth : /* IE 4 Compatible */
window.screen.width; /* Others (It is not browser window size, but screen size) */
}
function getHeight()
{
return window.innerHeight ? window.innerHeight : /* For non-IE */
document.documentElement ? document.documentElement.clientHeight : /* IE 6+ (Standards Compilant Mode) */
document.body ? document.body.clientHeight : /* IE 4 Compatible */
window.screen.height; /* Others (It is not browser window size, but screen size) */
}
</script>Este script pega a área utilizavel da janela do usuário... ele pega o tamanho da janela e não o tamanho da tela do usuário...
Abraços
Lucas, ótimo esse script!!
Vou tentar aplicá-lo!!
Muito obrigada mesmo!!
a imagem não pode ser repetida ?