Problema CSS Width 100%

Saludos,

Soy relativamente nuevo con el CSS y actualmente estoy experimentando un problema.

Tengo un banner en la parte superior de mi página, con una caracteristica "width 100%;", que se supone, deberia estirarse a lo ancho de toda la página, pero el banner se estira hasta donde finaliza la pantalla, osea, digamos unos 768 px, ya que mi resolución es 1200*768, esto relativamente funciona bien, si la página tiene un tamaño igual o menor a 768 px.

El problema se da cuando existe algún elemento mayor de los 768 px, digamos una tabla con datos que mide 1200px o 1300px, en estos casos, el banner llega hasta donde despliega la pantalla la primera vez, osea de nuevo reitero, los 768 px, pero al pasar el scroll hacia la derecha, el banner no continua.

Lo ideal sería no utilizar pixeles fijos, osea no ponerle al banner 1200px o 1300px fijos, porque el diseño lo estamos realizando para una aplicación que desarrollamos, y queremos dejarla lo más dinámica posible.

Cualquier sugerencia se agredece.

Saludos.

Hola, sin ver código es complicado... pero bien.
Si el encabezado es color, pues no hay problemas...
Si el encabezado es una imagen, pues tienes dos opciones:
1.- Repítelo para las X (obviamente usándolo como background)
2.- Hazlo tan grande como lo quieras... pero la lógica me dice que llegará un punto en el que si es una imagen... debe terminar, a menos que la repitas...

Saludos Pedro,

Muchas gracias por responder.

Creo que talvez no me di a explicar lo suficiente, así que trataré de explicar el problema y de paso colocar algo de código.

El problema que tengo, es que al asignar 100% de width a un DIV, este 100% significa toda la pantalla, pero NO todo el contenido. Esto queire decir que si la pantalla mide de width 1200 y el contenido de la página 2000, el DIV al que le asigne el 100% de width medirá 1200 y no 2000, que es lo que yo quiero. De tal manera que cuando se realiza scroll a la derecha, el DIV con 100% no cubre todo.

Para que te hagas una idea, el DIV es un banner de la siguiente forma:

.bannerApp {
width:100%;
margin:0px;
padding:0px;
text-align:left;
background-image:url(../images/app_titulo_bg.png);
background-repeat: repeat-x;
display:block;
}

Y en la página propiamente, tengo un código como el siguiente:

<div class="bannerApp" >
<img src="images/app_banner.png" width="799" height="195" /></div>

Basicamente, tengo una imagen que es la que inicia el banner y luego me interesa que se repita la imagen de background hasta que finalice el contenido.

Como te decia, el problema es que el width 100% se estira en toda la PANTALLA, pero no en todo el CONTENIDO de la página.

Cualquier comentario, será bien recibido.

Saludos