Foros del Web » Creando para Internet » CSS »

problemas con background-color en width:100%

Estas en el tema de problemas con background-color en width:100% en el foro de CSS en Foros del Web. hola que tal, ahora me surgio un problema en mi header que tiene un background-color y un width:100% y hasta hay todo esta perfecto pero ...
  #1 (permalink)  
Antiguo 07/10/2010, 14:05
 
Fecha de Ingreso: agosto-2009
Mensajes: 292
Antigüedad: 8 años, 3 meses
Puntos: 5
problemas con background-color en width:100%

hola que tal, ahora me surgio un problema en mi header que tiene un background-color y un width:100% y hasta hay todo esta perfecto



pero a la hora de cambiarle el tamaño a la pantalla, el color del fondo se queda incompleto como la siguiente imagen



alguien sabe a que se debe eso??? aqui lesdejo el lnk para ver si me ueden echar una mano

Saludos y gracias de antemano
  #2 (permalink)  
Antiguo 07/10/2010, 15:27
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: problemas con background-color en width:100%

Buenas, seguramente es xq el div #innerHeader, lo has puesto con un ancho de 940px, prueba a darle 100%. No lo he podido comprobar si es la solución ya que no me funciona firebug.

Código CSS:
Ver original
  1. #innerHeader {
  2. height:80px;
  3. margin:auto;
  4. position:relative;
  5. width:100% }

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 07/10/2010, 15:42
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: problemas con background-color en width:100%

el div por default ocupa todo, si queres que ocupe el 100% del contenedor simplemente no le setees width (borrale el width )

Slds.-
  #4 (permalink)  
Antiguo 07/10/2010, 15:57
 
Fecha de Ingreso: agosto-2009
Mensajes: 292
Antigüedad: 8 años, 3 meses
Puntos: 5
Respuesta: problemas con background-color en width:100%

Gracias Impostor y DragonX por resonder,

Cita:
Iniciado por Impostor Ver Mensaje
Buenas, seguramente es xq el div #innerHeader, lo has puesto con un ancho de 940px, prueba a darle 100%. No lo he podido comprobar si es la solución ya que no me funciona firebug.

Código CSS:
Ver original
  1. #innerHeader {
  2. height:80px;
  3. margin:auto;
  4. position:relative;
  5. width:100% }

Saludos¡¡
No pero gracias, ya que el div #innerHeader es el que contiene el logo y el navbar y si no tiene ancho se carga a la izquierda de la pantalla por que tiene un margin:auto; para centrar el div.

Cita:
Iniciado por DragonX Ver Mensaje
el div por default ocupa todo, si queres que ocupe el 100% del contenedor simplemente no le setees width (borrale el width )

Slds.-
Gracias le acabo de intentar haci y sigue con el mismo problema

Saludos
  #5 (permalink)  
Antiguo 07/10/2010, 19:48
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: problemas con background-color en width:100%

yo no le veo el fallo, obviamente si tu body (elemento padre) es inferior en width que ese div (elemento hijo) con medida fija pase esto, en sitios con medidas relativas no suele suceder, pero bueno, puedes probar con... establecer un ancho minimo para evitar este problema

Código CSS:
Ver original
  1. body{min-width:940px;}
  #6 (permalink)  
Antiguo 08/10/2010, 13:24
 
Fecha de Ingreso: agosto-2009
Mensajes: 292
Antigüedad: 8 años, 3 meses
Puntos: 5
Respuesta: problemas con background-color en width:100%

Cita:
Iniciado por alexk Ver Mensaje
yo no le veo el fallo, obviamente si tu body (elemento padre) es inferior en width que ese div (elemento hijo) con medida fija pase esto, en sitios con medidas relativas no suele suceder, pero bueno, puedes probar con... establecer un ancho minimo para evitar este problema

Código CSS:
Ver original
  1. body{min-width:940px;}
Muchas gracias alexk

Saludos!!!

Etiquetas: background-color, width
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 03:51.