background tamanho automatico [RESOLVIDO]

1. background tamanho automatico [RESOLVIDO]

kaito
hatoo

(usa Debian)

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?


  


2. MELHOR RESPOSTA

Sandro Marcell
SMarcell

(usa Slackware)

Enviado em 12/09/2011 - 12:57h

Vê se isso ajuda: http://css-tricks.com/3458-perfect-full-page-background-image/

3. Re: background tamanho automatico [RESOLVIDO]

kaito
hatoo

(usa Debian)

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

alguem ai?


4. html???

Perfil removido
removido

(usa Nenhuma)

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

post o código fonte....ok


5. Re: background tamanho automatico [RESOLVIDO]

kaito
hatoo

(usa Debian)

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]

Sergio Teixeira - Linux User # 499126
Teixeira

(usa Linux Mint)

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]

kaito
hatoo

(usa Debian)

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]

kaito
hatoo

(usa Debian)

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..


9. css

Perfil removido
removido

(usa Nenhuma)

Enviado em 11/09/2011 - 20:51h

de uma olhada nesse tutorial, talvez te esclareça algumas coisas...

http://maistutoriais.com/web/tipos-de-layout-em-css/


Melhor que dar o peixe, é ensinar a pescar!!!!


10. Re: background tamanho automatico [RESOLVIDO]

kaito
hatoo

(usa Debian)

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]

kaito
hatoo

(usa Debian)

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.






Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts