[Resolvido] Foto como plano de fundo

[donny_ 0]

Olá amigos, bom, to criando um fundo pra uma página e to querendo colocar mesmo uma imagem (foto) to no CSS msm (background-image) a foto ta em uma resolução legal da pra reduzir em vários tamanhos, porem, to querendo colocar ela de fundo e que fique legal em várias resoluções sem que apareça a barra horizontal, porem to tendo uma certa dificuldade, alguem pode dar uma idéia?

 

Abçs e obrigado.

[Ted k' 126]

certo... como está fazendo o script... pois não têm muita ciência, posta æ que ajudamos!

[betezek 0]

Olá amigos, bom, to criando um fundo pra uma página e to querendo colocar mesmo uma imagem (foto) to no CSS msm (background-image) a foto ta em uma resolução legal da pra reduzir em vários tamanhos, porem, to querendo colocar ela de fundo e que fique legal em várias resoluções sem que apareça a barra horizontal, porem to tendo uma certa dificuldade, alguem pode dar uma idéia?

 

Abçs e obrigado.

 

 

Prezado amigo, aqui neste forum existem diversas discussões a este respeito e veja, esta está aqui neste fórum.

 

<style>
#background { height: 550px; position: absolute; width: 100%; z-index: -7; }
</style>
<img id="background" src="Imagens/fundosite2.jpg"  BORDER="0" ALT="img/APAD">

<style>

 

Abraços.

[donny_ 0]

Vlw amigos, betezek esse script ta gerando borda, consegui um aqui:

 

*{margin:0; padding:0}

html, body{
   height:100%;
   overflow:hidden;
}

#bg{
   width:100%;
   height:100%;
   position:absolute;
   top:0;
   left:0;
   z-index:0;
}

#content{
   width:100%;
   height:100%;
   position:absolute;
   top:0;
   left:0;
   z-index:1;
   overflow:auto;
}

 

Deu certo e fico sem margens, porem, para nao dependendo da resolução nao distorcer muito e também para que a imagem não fiquei muito grande, estou pensando em reduzir ela para um tamanho que seja bem visualizada e qd o usuario tiver com resolução maior coloco um bgcolor para assumir as bordas, na opinião de vcs, quais são as maiores resoluções que os usuários hoje em dia tem usado?

 

Abçsss.

[Ted k' 126]

Hum cara... isso é uma grande variante, as widescreens estão em alta, ai tempos 1280px x 720px, 1600px x 900px, 1440px x 900px...

[donny_ 0]

Ted k acho que vou dar uma reduzida na foto para 1440px x 900px, se o usuario entrar com resolucao maior coloco algo neutro ao redor.

 

Muito obrigado aos amigos que me ajudarão.

 

Abçs...

[Evandro Oliveira 331]

http://www.w3.org/TR/css3-mediaqueries/

 

http://www.tableless.com.br/introducao-sobre-media-queries

 

http://www.alistapart.com/articles/responsive-web-design/

 

http://www.css3.info/preview/media-queries/

 

 

 

 

Aplicações práticas:

 

http://mediaqueri.es/

 

 

[donny_ 0]

Evandro cara, show de bola bicho... Vlwww d++ a todos.....

 

Abçs...