fondo segun resolución

[function]

Estimados, como poner el fondo según la resolución?, es decir:

quiero que se vea 100% pero como hacerlo con una imagen (no importa que sean varias). como hacerlos??


Gracias,

P.D.: No quisiera usar javascript ya que no siempre es certero

[sanxuan]

Supongo que lo que quieres es que tu fondo se escale con el ancho y alto de la pantalla, que aumente o se encoja la imagen.
La mayoría usamos fondos que se repiten a lo ancho, a lo alto o en ambos sentidos utilizando la propiedad background-repeat. Eso hace que tengamos que usar imágenes que encajan unas con otras como los dibujos de los azulejos. Es la manera más simple.

Pero supongo que lo que preguntas es cómo usar una imagen, como una foto, que no se debe repetir.
En ese caso yo utilizo una imagen de un tamaño tan ancho como la mayor resolución que se me ocurre (en torno a 2000px). En lugar de usarla como background debes usar la etiqueta <img> para poder ajustarla con porcentajes. Queda decidir si vas a mantener el ancho o el alto de la imagen.
Si usas el ancho debes dar un width:100%; height:auto; a la imagen y si quieres mantener el alto usa width:auto; height:100%. El dar el valor 100% al alto y al ancho no se recomienda porque deformaría la imagen (salvo que sea por ejemplo un degradado o algo así). Conviene añadir un background al contenedor de la imagen por si quedan zonas sin cubrir.
Para que la página se muestre por encima es necesario que esta imagen esté en un contenedor con posición fija y el contenido se muestre en un contenedor con posición absoluta fijada mediante top:0.
Debería funcionar. Creo que en breve podremos cambiar el tamaño y componer varias imágenes en un solo fondo, hasta entonces uso cosas como esas.

[DmD]

Estuve bastante tiempo con el mismo problema, vi que pusiste que preferis no usar javascript, pero si cambias de opinion y te sirve, use el siguiente plugin de jQuery en varias webs:
DEMO: [URL="http://buildinternet.com/live/supersized/"]http://buildinternet.com/live/supersized/[/URL]

[kseso?]

@function:
dos ejemplos de cómo adaptar una imagen a toda la ventana del navegador, usando sólo css:
http://css.devillasbuenas.es/
Y si hace una búsqueda, le aparecerán decenas de ejemplos.

@DmD veo que es otro apóstol de las librerías js, hasta para cosas tan sencillas como esta. No entiendo la tendencia cada vez más extendidas de tener que cargar todo un script js para lo que se puede lograr con sólo un par de reglas css. Y menos, hacerlo en un foro de css.

[function]

Iniciado por kseso?

@function:
dos ejemplos de cómo adaptar una imagen a toda la ventana del navegador, usando sólo css:
http://css.devillasbuenas.es/
Y si hace una búsqueda, le aparecerán decenas de ejemplos.

@DmD veo que es otro apóstol de las librerías js, hasta para cosas tan sencillas como esta. No entiendo la tendencia cada vez más extendidas de tener que cargar todo un script js para lo que se puede lograr con sólo un par de reglas css. Y menos, hacerlo en un foro de css.

Si, lo vi y muchas gracias, por eso llegue a la conclución de que se hacia con un div completo y después de ajustaba el contenido encima de ese div.

Agradezzco toda vuestra ayuda