Fondo CSS AutoAjustable

eviden

Buenas! estoy intentado poner un fondo de pantalla, pero quiero que quede como esta web:

http://todddominey.com/

Que cuando haces control+ruletaarriba o ruletaabajo, la web en si se hace pequeña, pero el fondo no se cambia de tamaño.

Gracias!

BLZKZ

#1 la imagen solo cambia si modificas el alto (prueba a redimensionar la ventana) de la ventana

1 respuesta
eviden

#2 Gracias por tu respuesta, pero perdona mi ignorancia por que no sé como hacer lo que me pides xD

1 respuesta
BLZKZ

#3 pues abres la web con una ventana del navegador (firefox, chrome o el que sea), que no esté maximizada y haces la ventana más pequeña pero solo de altura

2 respuestas
xCoNDoR

#4 o no te estás enterando tu o no me estoy enterando yo.

Creo que quiere tener el background fijo, aunque hagas zoom a la página que la imagen se mantenga en el mismo tamaño siempre.

2 respuestas
BLZKZ

#5 ??? lo que hace es adaptar la imagen al tamaño de la ventana, según su altura. De ahí que cuando hagas zoom se redimensione (pega un salto) para "mantener el tamaño".

De hecho imagino lo hará con javascript :/

Edit: ahora que lo pienso creo que se puede hacer con un height:100% para la imagen

2 respuestas
xCoNDoR

#6 si si, es eso que dices, pensé que estabas hablando de otra cosa.

eviden

#4 #5 A ver, no tiene nada que ver con navegador, es una propiedad del backgruound de CSS, quiero saber... prueba a poner height 100% a ver?

1 respuesta
BLZKZ

#8 tiene que ver con el tamaño de la ventana pero oye que si no quieres ayuda busca por google

" no tiene nada que ver con navegador, es una propiedad del backgruound de CSS"
Ea, después de eso ya te puedes ir a dormir.

1 respuesta
eviden

#9 Tronco lo que has dicho en #6 es correcto, pero yo no sé para que vale que haga:

"pues abres la web con una ventana del navegador (firefox, chrome o el que sea), que no esté maximizada y haces la ventana más pequeña pero solo de altura"

He dicho lo del background del CSS xq era lo que pensaba :/

1 respuesta
BLZKZ

#10 pues para que veas cual es su comportamiento. Los css son hojas que marcan como se va a comportar el estilo en el navegador. Simple y llanamente. Esa prueba empírica te da datos suficientes para que empieces a buscar por google, que no es tan dificil, algun manual de css.

1 respuesta
eviden

#11 Si vale, si eso ya lo había probado, creía que me lo decías para que ya se pusiera en mi web y me he quedado loquísimo Oo.

Buscaré por google otra vez, abrí el tema aquí para que la web tuviera mas contenido y para ahorrarme tiempo por que estaba volviéndome loco

1 respuesta
BLZKZ

#12 no no, realmente no se como lo hace, pero tiene que ver con algo de eso xD

<div  >
<img src="http://dygz78ls5cy51.cloudfront.net/f0e49430e2254c0d9ab740c894d434ba" style=" height: 100%; position:fixed;margin:0;float:left;" >
</img>
</div>

Tiene un funcionamiento parecido

1 respuesta
eviden

Solucionado, con

body{ margin: 0; padding: 0; 
background: #0079e2 url(../images/bg1.jpg); center center fixed no-repeat;
-moz-background-size: cover;
background-size: cover; 
}

ya no se mueve!

Gracias #13 por la ayuda.

1 respuesta
Tunnecino

#14 Esto... dos center center fixed? Si esas 3 opciones son de la misma propiedad css creo...

background: url(../images/bg1.jpg) center fixed no-repeat;

Y que son los e2 y tal?

PoLLeZnO

#1 En la página que has puesto lo hace con javascript.

Usuarios habituales

  • PoLLeZnO
  • Tunnecino
  • eviden
  • BLZKZ
  • xCoNDoR