Problema con imagen de fondo en un div con ancho 100%

[rober_sant]

buenos días a todos .

Me encuentro con el siguiente problema de css, a lo mejor es algo bien sencillo pero no logro dar con la solución, tengo un slide de fotos con jquery en la portada de mi web y la idea que tengo ahora hacer que estas imágenes cubran en todos los navegadores el ancho total de la pantalla. Supongo que las imágenes deberían tener un ancho lo suficientemente amplio como para abarcar la pantalla de cualquier navegador y que se adapten automáticamente a cualquier ancho, pero no logro que se comporten de esta manera. El código es bien sencillo sería algo como esto:

Código HTML:

<div id='cabecera'>Cabecera de la web, con ancho fijo y alineada al centro. </div>
<div class='slide'>parte central de la web con slide de fotos y anchura 100%</div>
<div id='pie'>pie de la web ancho fijo.</div>
 

A ver si podéis echarme un mano..
Un saludo y mil gracias por adelantado.

[comablck]

al tag de la img ponele un width de 100%,

[rober_sant]

Ya lo intente así pero la imagen se estira al cien por cien de su tamaño, obligando al div que lo contiene a estirarse a su tamaño, por lo que no solo ocupa toda la pantalla del navegador si no que la rebasa y lo que busco que es que ocupe toda la pantalla del navegador, sin rebasamiento.

Un saludo.. gracias.

[C2am]

¿Tienes online tu web?

Con tan pocos datos es más adivinar que ayudar.
¿El contenedor general o el body en su defecto tienen asignado el width?

La pregunta que debes hacerte es ¿el 100% de qué, con referencia a quién?
Y luego defines el ancho de la caja de referencia

[rober_sant]

Si disculparme quizás he sido demasiado breve a la hora de dar datos de css , aunque ahora estando algo mas despejado he visto claro como solucionar el problema. Aquí dejo el código.

Código CSS:

body { width:100%; height:100%;  background-color:#fff;  margin:0 auto; padding:0 auto;}
 
.slide { width:100%; height:400px; background-color:#fff; margin:auto;}
 
.slide img { width: 100%; height:400px; margin:auto;}
 

Con esto las imágenes me ocupan toda la pantalla , ahora la duda sería que no quiero que puedan hacer zoom con el navegador , ya que cuando le doy zoom a la web las imágenes no se mantienen centradas, se alinean a la izquierda o tratar de deshabilitar esa función con JavaScript en el navegador..

gracias y un saludo.

[pzin]

Desactivar el zoom es una salvajada. Y hasta donde sé no se puede hacer. Y menos mal. Es com si pidieras que desactivar el interprete braile del usuario.

Yo personalmente no le veo qué manía tiene la gente de diseñar para el zoom. Olvídense del zoom.

De todas formas si tienes todos los anchos al 100% no sé cómo será posible que rebase el ancho del navegador.

[rober_sant]

Lo del zoom fue una idea que me vino a la cabeza, la verdad desconozco si se puede hacer o no, pero lo que si se es que cuando aplico zoom en la pagina las imágenes se me colocan a la izquierda y bueno creo que aunque no es habitual que la gente aplique el zoom out a la web si es posible que ocurra y si creo que es un error de programación mostrar las imágenes descolocadas, si esto del zoom no es posible , si acepto sugerencias para poder resolver este pequeño inconveniente.
saludos.