Posicionar banner con divs y css

[dinkisho]

Hola como estan?
Necesitaria saber como podria hacer esto con divs y css.
los margenes derechos y izquierdos se adaptan al ancho del monitor y donde esta escrito "banner" seria el container principal del sitio..



Gracias por la ayuda a quienes me ayuden.

[cristian_cena]

Hola dinkisho, prueba con:

Código CSS:

#bannerContainer{
/*... [tu código] ...*/
margin:0 [right]% 0 [left]%;
/* ej: margin:0 30% 0 40%; o bien: margin: 0 30%; donde 30% se aplica a left y right */ 
/*... [tu código] ...*/
}
 

Saludos.

[hrmarkz]

3 divs en los cuales les agregas a cada div

<div style="width:ancho; height: alto; background: url(ruta del fondo); float: left;" >

float es para que se alineen uno al lado del otro

[dinkisho]

Gracias Cristian probare.

[dinkisho]

hrmarkz gracias por tu ayuda les cuento como me fue.

[dinkisho]

el tema hrmarkz es que cuando crezca el div con el monitor este va a tener siempre el mismo tamaño en ves de estirarse.

[dinkisho]

Cristian me a servido tu ayuda quisiera saber una cosa mas.
Podria usar un div izquierdo con un valor 30% y un div derecho con un 30% el tema seria que el container central deberia ser de 752px y no que crezcaen monitores mas grandes solo debe crecer osea alargarse el div izquierdo y derecho.
Espero tu ayuda.

[cristian_cena]

y en ese caso porque no simplemente centras horizontalmente el banner?

Código CSS:

#bannerContainer{width:752px; margin:0 auto;}
 

necesitas que este en una capa superior?

Código CSS:

/*#wrapBanner es un div que contiene a #bannerContainer*/
#wrapBanner{width:100%; position:absolute; z-index: ... ;} 
#bannerContainer{width:752px; margin:0 auto;}
 

aquí un ejemplo de z-index

[dinkisho]

muchas gracias Cristian!.