(Resolvido)[Dúvida] (Website) Background Fixo

[fezeRa 44]

Como posso fazer com que meu background fique exatamente fixo, sem se mexer? pois quando eu tenho uma pagina que seja comprida, com um texto grande, ou por exemplo a pagina de ranking que é grande... o background buga e desce junto, então ele fica fora do lugar correto...

 

(Obs: mas não aquele background que fica fixo e a pagina rola pra baixo e ele desce junto.. ele tem mesmo que ficar exatamente fixado)

 

Abaixo é a pate onde ele é configurado no meu default.css

body
{
	background: url('../_img/background/background.jpg') no-repeat top center; 
 	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
        background-size: cover;
	font-size: 11px;
	color: #524b3a;
	font-family: 'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif;
	padding: 0px;
	margin: 0px;
	text-shadow: 0.5px 0px #000;
}

e do basic.css

#ArtworkHelper {
  text-align: left;
  background-position: top center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-width: 1000px;

}

Editado Julho 15, 2014 por Disturbbed (veja o histórico de edições)

[Masterlokinho 2]

faça o teste deiche assim

 

body{
    font-size: 11px;
    color: #524b3a;
    font-family: 'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif;
    padding: 0px;
    margin: 0px;
    text-shadow: 0.5px 0px #000;
}

 

#ArtworkHelper {

  background: url('../_img/background/background.jpg');

  position: absolute;

  text-align: center;

  background-position: top left;

  background-attachment: scroll;

  background-repeat: no-repeat;

  top: 0px;

  height: 800px;

  width: 100%;

}

[fezeRa 44]

Fica faltando preencher >>> com o que voce passou, fica incompleto, ele não extende o background

[eskylo 33]

depois  de

body
{

adicione

background-attachment:fixed;

[fezeRa 44]

Não é pra ficar fixo desse jeito, é pra rolar junto com o site, só o fixo que eu quero dizer, é que quando a pagina tiver um texto grande e tal, a imagem não fique extendendo pra baixo, assim buga e ela fica fora de posição e estendida até demais

[eskylo 33]

pode me passar o link do seu website?

[fezeRa 44]

Eu não deixei meu sv on ainda.

[eskylo 33]

tenta tirar essas tags

-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
background-size: cover;

ow essa

height: 100%;

ow colocar o height com a altura do seu back em px

[Guilherme 461]

background-position:fixed;

[fezeRa 44]

@eskylo, se eu tiro elas, o background volta ao tamanho original, dai fica faltando uma parte nas laterais!

 

@eratsu, não quero que fique fixo desse modo, o fixo que eu quis dizer e que não quero que ele mude sua resolução independente do tamanho da pagina, mesmo se ela descer muito...

[eskylo 33]

nao conseguir entender o que você quer por completo ainda; sem ver entao, é impossivel

[fezeRa 44]

Assim: digamos que o background é 1000x1000, e a pagina esta usando 800x800 de conteudo. Portando assim o background fica OK

Mas se a pagina passar do tamanho, o background começa a se esticar passando do seu tamanho normal!

[eskylo 33]

Assim: digamos que o background é 1000x1000, e a pagina esta usando 800x800 de conteudo. Portando assim o background fica OK

Mas se a pagina passar do tamanho, o background começa a se esticar passando do seu tamanho normal!

devia ter falado isso no primeiro post do topico u.u e nao sobre background fixo...

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
background-size: cover;

troca cover pela largura e altura do background

 

ex: 

background-size: 700px 400px;

...

se ainda nao der

 

tira

height: 100%;

ou poe aqui a altura da img tambem

[fezeRa 44]

Qual é o padrao dos tamanhos dos navegadores, sem zoom nem nada?

MDS, eskylo é um God das Web mesmo, valeu mlk rep em tds posts sz

Ta ai, 5 rep <3

[eskylo 33]

Qual é o padrao dos tamanhos dos navegadores, sem zoom nem nada?

MDS, eskylo é um God das Web mesmo, valeu mlk rep em tds posts sz

Ta ai, 5 rep <3

 

acho que nao existe um padrao; mas o tamanho minimo de resolução usada seria 800 x 600 (sem considerar mobiles e netbooks)

 

- se vc esta fazendo do 0, procure fazer em 800 ou parecido pois assim uma pessoa com essa resoluçao nao tera que usar a scrollbar horizontal

 

a altura é apenas uma referencia pra voce prever o que a pessoa verá logo ao acessar, mas nao tem muita importancia

[fezeRa 44]

O padrao que eu quis dizer, foi pra preencher a tela toda, mas já ajustei uma resuloção aqui que ficou perfeito. Obrigado mesmo, to a dias pedindo ajuda nisso sz