Fondo en toda la página

[lucasi]

Hola. Quiero poner una imagen de fondo en toda la página. Que se vea en el 100% de la pantalla indepentientemente de el tamaño de la pantalla y el navegador. ¿que medidas debo utilizar para la imagen y como hago para que se me vea siempre al 100%?
Gracias

[skiper0125]

Hola que tal.

lo que deseas hacer se puede mejor con CSS es más fácil y práctico
checa esto te puede servir solo CSS

Saludos

[DrFaust]

Hay varias formas de hacer lo que vos querés, pero ninguna es trivial.

Acá tenés varios métodos:

http://css-tricks.com/3458-perfect-full-page-background-image/

Hace unos meses desarrollé un método inspirado en ese artículo, que funciona en todos los navegadores (incluyendo IE6), y es considerablemente más simple, porque sacrifica la funcionalidad de respetar las proporciones de la imagen. Podés verlo en acción en:

http://www.leandrobarone.com.ar

(Cambiá de tamaño la ventana del navegador así ves cómo el fondo siempre aparece completo).

Vas a ver bastantes cosas raras (como "html, body {height:100%}" en la hoja de estilo, o un contenedor de 100% de ancho y alto que no parece hacer nada). Todo eso son hacks para que la técnica funcione correctamente en todos los navegadores.

Respecto a la medida de la imagen, depende muchísimo de lo que sea. Si es una textura sin muchos detalles podés arreglarte con una imagen de relativamente poca resolución (1280x768, por ejemplo). Pero si es una imagen más compleja y suceptible a pixelarse, vas a necesitar por lo menos 1920x1200.

Por fortuna todos los wallpapers de los últimos dos años se distribuyen en ese tamaño.