CSS: la barra del liquido con il testo non si espanderà

Question

Ho una barra orizzontale a cui è stata assegnata una larghezza di 100% . All'interno della barra orizzontale, ho del testo allineato a sinistra all'interno di un contenitore 978px . Ogni volta che la finestra del browser viene ridotta in modo da avere una larghezza inferiore a 978px , viene visualizzata una barra di scorrimento nella parte inferiore della pagina. Ogni volta che scorro verso destra, la barra non si estende più sulla larghezza della pagina ma invece viene lasciata indietro. Capisco perché questo accada, ma non so cosa fare per risolverlo. Se hai qualche idea, fammi sapere. Grazie!

Una pagina di esempio

Answer 1

bene, hai #header impostato al 100% del blocco contenente (che sarebbe il corpo). Quando riduci il corpo, la larghezza dell'intestazione si riduce. Se la larghezza del corpo è inferiore alla larghezza del contenitore, la barra nera non si estenderà completamente.

Che cosa preferiresti fare esattamente?

-non ha una barra di scorrimento: estrarre il contenitore, centrare il testo usando #header

-la barra nera espande l'intera distanza: il modo più semplice per risolverlo è quello di dare al contenitore un colore di sfondo.

Answer 2

Modifica:

width: 978px;

a:

max-width: 978px

Quello sembrava fare il trucco in FF3, IE7 e Chrome.