problemas con background-color en width:100%

[WinderJerter]

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

[Impostor]

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:

#innerHeader {
height:80px;
margin:auto;
position:relative;
width:100% }
 

Saludos¡¡

[DragonX]

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

Slds.-

[WinderJerter]

Gracias Impostor y DragonX por resonder,

Iniciado por Impostor

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:

#innerHeader {
height:80px;
margin:auto;
position:relative;
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.

Iniciado por DragonX

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

[alexk]

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:

body{min-width:940px;}
 

[WinderJerter]

Iniciado por alexk

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:

body{min-width:940px;}
 

Muchas gracias alexk

Saludos!!!