Foros del Web » Creando para Internet » Diseño web »

Ajustar fondo para diferentes resoluciones de monitores

Estas en el tema de Ajustar fondo para diferentes resoluciones de monitores en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/12/2012, 21:04
 
Fecha de Ingreso: noviembre-2009
Mensajes: 3
Antigüedad: 14 años, 5 meses
Puntos: 0
Ajustar fondo para diferentes resoluciones de monitores

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.
  #2 (permalink)  
Antiguo 29/12/2012, 04:20
 
Fecha de Ingreso: mayo-2012
Mensajes: 27
Antigüedad: 12 años
Puntos: 0
Respuesta: Ajustar fondo para diferentes resoluciones de monitores

Creo que entiendo tu duda pero para ayudarte necesitaríamos que subas el link de tu pagina principal para saber como ayudarte.
  #3 (permalink)  
Antiguo 29/12/2012, 09:00
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 10 meses
Puntos: 641
Respuesta: Ajustar fondo para diferentes resoluciones de monitores

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.
  #4 (permalink)  
Antiguo 03/01/2013, 21:05
 
Fecha de Ingreso: noviembre-2009
Mensajes: 3
Antigüedad: 14 años, 5 meses
Puntos: 0
Respuesta: Ajustar fondo para diferentes resoluciones de monitores

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.
  #5 (permalink)  
Antiguo 06/01/2013, 21:12
 
Fecha de Ingreso: julio-2007
Ubicación: Por ahi...
Mensajes: 84
Antigüedad: 16 años, 9 meses
Puntos: 0
Respuesta: Ajustar fondo para diferentes resoluciones de monitores

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!
  #6 (permalink)  
Antiguo 10/01/2013, 07:59
Avatar de willycarp  
Fecha de Ingreso: enero-2013
Mensajes: 83
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: Ajustar fondo para diferentes resoluciones de monitores

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

Etiquetas: maquetacion, maquetado, posicionamiento
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:40.