CSS: la barra líquida con texto no se expandirá

Question

Tengo una barra horizontal que ha recibido un ancho de 100% . Dentro de la barra horizontal, tengo texto alineado a la izquierda dentro de un contenedor 978px . Cada vez que la ventana del navegador se reduce para que tenga menos de 978px de ancho, aparece una barra de desplazamiento en la parte inferior de la página. Cada vez que me desplazo hacia la derecha, la barra ya no abarca el ancho de la página, sino que se queda atrás. Entiendo por qué sucede esto, pero no sé qué hacer para solucionarlo. Si tienes alguna idea, házmelo saber. ¡Gracias!

Una página de ejemplo

Answer 1

bueno, tienes #header configurado al 100% de lo que contiene el bloque (que sería el cuerpo). Cuando encoge el cuerpo, el ancho del encabezado se reduce. Si el ancho del cuerpo es menor que el ancho del contenedor, la barra negra no se extenderá por completo.

¿Qué preferirías que hiciera exactamente?

-no tiene una barra de desplazamiento: saque el contenedor, centre el texto usando #header

-la barra negra expande toda la distancia: la forma más fácil de resolver eso es darle al contenedor un color de fondo.

Answer 2

Cambio:

width: 978px;

a:

max-width: 978px

Eso pareció funcionar en FF3, IE7 y Chrome.