Problema con header e footer

[Hermiod]

Buongiorno a tutti! Sto realizzando una mia pagina personale e sto utilizzando i fogli di stile per la grafica.
La pagina è divisa nella seguenti sezioni:
- header
- menu
- content
-footer
ora per l'header e il footer volevo realizzare delle bande orizzontali che si estendessero per tutta la larghezza della pagina, un pò come nell'allegato. Il problema è che con lo zoom del browser al 100% mi comparre la scrollbar orizzontale e spostandola ottengo l'effetto della seconda parte immagine il che è abbastanza fastidioso.
Sapreste dirmi come posso risolvere?
Se può servire magari vi posto il css. Grazie infinite.

[digital00]

per evitare la barra orizzontale basta aggiungere al body la proprietà

overflow-x: hidden

tuttavia, se hai impostato width: 100%, le ipotesi per cui il layout sfocia oltre sono legate a valori di margin, padding (in ie soprattutto) e border (non me ne vengono in mente altre)
se posti il css (non tutto, quello interessato) si risolve
oppure sei bravo e risolvi dopo i miei consigli

[Hermiod]

Grande... Problema risolto con overflow-x: hidden grazie infinite mi documenterò di più su qst attributo... Alla prossima e ancora grazie, ciao ciao