Estoy intentando hacer una cosa en el diseño de una web y estoy aborde del suicidio.
Lo he intentado todo. Explico el problema:
1. quiero una web con un ancho de 1024 pixeles.
2. Con una cabecera (una franja negra) con un ancho 100% y un alto de 50 pixeles.
3. Que debajo de la cabecera haya un "div", "container" OLOQUESEA, que tenga un ancho 100% y una altura de 500 pixeles.
4. Quiero meter un video o una foto en ese LOQUESEA. Al meterlo, que no importe que el video o foto tengan más altura que esos 500 pixeles. El LOQUESEA siempre debe medir de alto 500 pixeles y debe tener un ancho 100%. O sea que recorte la imagen o el video para meterlo ahí ajustado.
5. que el resto de la página siga teniendo un ancho de 1024 pixeles.
Adjunto foto que explica lo que estoy intentando.
![](http://imageshack.com/a/img661/8255/SQPyu3.png)
Imploro ayuda por favor....!!!
Gracias de antemano.
Saludos a todos.