Franja horizontal al 100%, resto no.

[fede5426]

Antes que nada, te estas tomando muy a pecho lo de NueveReinas.. tranquilo, con aclarar lo que querías es suficiente.

Siempre postea código si tenes una duda o problema para basarnos en eso y poder darte una respuesta.

Unos consejos, si querés que algo ocupe el 100% de la ventana, no los encierres en un contenedor con ancho fijo porque asignar width:100% hace que el elemento ocupe el 100% de su elemento padre. En ese caso la única forma de sacarlos de ese ancho fijo seria con posición absoluta o fija, y no es eso lo que estás buscando. Yo te recomendaría que coloques esos elementos 100%, fuera del "Resto de la pagina".

En cuanto a la imagen o video que se corta, si colocas a su contenedor overflow:hidden ocultas el contenido que se sale del elemento.

Según lo que yo entendí, estas buscando algo como ésto:

Código HTML:

<header>Cabecera</header>  
<section class="media">
  <img src="http://i58.tinypic.com/27zi13o.png" alt="" />
</section>
<section class="principal"></section>
<footer>Footer</footer>
 

Código CSS:

body{
  margin:0
}
 
header, footer{
  width:100%;
  height:50px;
  background-color:#161616;
  text-align:center;
  color:orange;
}
 
.media{
  width:100%;
  height:500px;
  overflow:hidden;
}
 
img{
  width:100%;
}
 
.principal{
  width:1024px;
  height:1000px;
  background-color:rgba(43,43,43,.2);
  margin:0 auto;
}
 

http://codepen.io/anon/pen/WvrXYB

Obviamente no está optimizado para móviles.

Espero que te sirva, saludos