Pular para o conteúdo

background tamanho automatico [RESOLVIDO]

Responder tópico
  • Denunciar
  • Indicar

1. background tamanho automatico [RESOLVIDO]

Enviado em 10/09/2011 - 14:09h

gente to fazendo um site, so que nao consigo fazer o background dele ficar do tamanho exato do navegador, se arrumo ele do tamanho certo em um pc que a resolucao esta em 1024x768, ele fica bom, quando vou no pc com 1366x768 fica pequeno assim nao da, tipo se crio o site vai acessar gente com as mais variadas resolucoes, e as vezes a imagem fica pequena, ou fica grande, alguem sabe como resolvo isso?

Responder tópico

3. Re: background tamanho automatico [RESOLVIDO]

Enviado em 10/09/2011 - 18:06h

alguem ai?

4. html???

Enviado em 11/09/2011 - 00:26h

post o código fonte....ok

5. Re: background tamanho automatico [RESOLVIDO]

Enviado em 11/09/2011 - 09:33h

coloquei o background assim:
<style type="text/css">

body {

background-image: url("/images/background.jpg");

background-repeat: no-repeat;

background-position: 0px 0px;

background-attachment: fixed;

}

</style>

mas eu ja tentei com varios outras formas:
<span style="position: absolute; left: 0; top: 0; z-index: 0"> <img src="background.jpg"> </span>

e ja tentei colocar


<body background="background.jpg">

por isso estou perguntando porque talvez em javascript houvesse algum jeito de por a imagem com tamanho dinamico..

talvez nao tenha explicado bem, quero que a imagem fique sempre do tamanho do navegador, se vc diminui o navegador quero que a imagem diminua tambem, e se muda a resolucao do pc e o navegador fica maior quero que a imagem cresca pra que quem acesse o site nao reclame do tamanho da imagem..

6. Re: background tamanho automatico [RESOLVIDO]

Enviado em 11/09/2011 - 10:24h

Não sei se é possível em CSS determinar
width="100%"
Se for, o caminho será por aí.

7. Re: background tamanho automatico [RESOLVIDO]

Enviado em 11/09/2011 - 14:54h

ja tentei de todos os modos colocando width 100% e height 100%, o problema e que esses 100% nao estao relacionandos ao tamanho do navegador e sim ao tamanho da imagem do background, tipo se a imagem é 1024x768 se a resolucao do pc estiver do mesmo tamanho ele fica perfeita, mas se entro no mesmo site com outra resolucao a imagem fica pequena..

entendem, quero que o tamanho da imagem seje dinamico ao do browser aberto, inclusive se redimensionar quero que o imagem redimensione junto com o broser..

8. Re: background tamanho automatico [RESOLVIDO]

Enviado em 11/09/2011 - 14:56h

a e nao precisa ser em css, pode ser qualquer linguagem, javascript, css ou html mesmo, qualquer uma resolvendo meu problema ja esta bom..


ja fiz de tudo, procurei no google, e nada ate agora..

10. Re: background tamanho automatico [RESOLVIDO]

Enviado em 11/09/2011 - 21:52h

muito obrigado pela resposta, mas meu conhecimento em css é quase nulo, eu entendo muito e de php e banco de dados, agora que estou comecando a aprender um pouquinho de javascript e de css, por ter que usa-los nesse site, eu nao entendi nada la no site q vc postou, por exemplo: esses codigos em css que estao la sao algum tipo de classe, e la tem codigos html e css, pelo titulo seria para deixar a imagem do jeito que eu quero, mas nao vi em nenhum desses codigos o uso de uma imagem em background, se tivesse neles algo do tipo:
background-imagem: image.png ou algo que identificasse a imagem podia ser que eu entendesse, mas la so tem background color, o que tem a ver com a minha pergunta?

sinceramente preciso de uma explicacao mais simples e detalhada possivel porque eu nao entendo nada de css..
e preciso de por a imagem em background..


se alguem ai conhecer uma forma pode ser em qualquer linguagem para web, so me arrumar um codigo pronto, que eu analizo ele e aprendo, e faco, tudo que sei em php aprendi vendo codigos fonte de outros..

11. Re: background tamanho automatico [RESOLVIDO]

Enviado em 12/09/2011 - 13:42h

marcel, perfeito nao ficou nao, corta um pedacinho da imagem na resolucao 1366x768, mas e quase impercebivel, so corta o pe esquedo do personagem, deu certinho muitissimo obrigado...

vou por o codigo que usei aki:

entre as tags <head> e </head>

eu puz:

<style type="text/css">
html {
background: url(images/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}</style>

deu certinho..

obrigado.. melhor resposta.

Responder tópico

Responder tópico

Entre na sua conta para responder.

Fazer login para responder