Ajustar fondo para diferentes resoluciones de monitores

[wilson_mp]

Hola, tengo una duda deseo crear un encabezado, un fondo degradado debajo de este y el contenido principal de la pagina centrado, para que dependiendo la resolución de la pantalla se recorten los lados y se vea siempre el contenido principal. Lo de centrar el contenido lo sé, sin embargo, no logro ajustar mi fondo, me explico: lo ajusté creando una Div PA y posicionándola como fixed, hasta ahí todo bien, pero de esta manera si el contenido principal se extiende hacia abajo más allá del tamaño del fondo degradado, las barras desplazan únicamente el contenido pero no el fondo.

Un ejemplo más claro son lsa páginas de Sony (fondo gris degradado) http://www.sony.com.co/corporate/CO/home.html y JBL (imagen de fondo) http://www.jbl.com/estore/jbl/us/index.jsp.

[nicolasrodriguez09]

Creo que entiendo tu duda pero para ayudarte necesitaríamos que subas el link de tu pagina principal para saber como ayudarte.

[memoadian]

primero, estás usando fixed, por eso el fondo se mueve con el scroll.
solo quitale esa propiedad y el background ya no se moverá hacia abajo.

[wilson_mp]

Ya lo resolví. No se si sea lo más ortodoxo pero me funcionó. Lo que hice fue darle la propiedad de absolute al fondo y darle un ancho de 100% y el alto que yo deseaba. Igualmente gracias.

[Chicoblog]

Podrias usar Jquery, para que no tengas problemas, por ejemplo con este no tendrías problemas, según la resolución, ya que se va adaptando.

http://www.phpninja.info/labs/resize.../example2.html

Saludos!

[willycarp]

Lo que tenes q hacer es poner un div contenedor donde tengas la imagen del fondo y en el css de este div poner q se repita en X indefinidamente!
Despues pones dentro de ese div el q contenga todo lo q queres centrar y listo! esto siempre va a estar centrado independientemente de la resolucion!

Saludos