Imagen y video en full-width

[Acade]

Hola ¿se pueden colocar en un div una imagen y un video una que ocupe el 70% del ancho ( a la izquierda) y el video el resto (a la derecha)? Deben estar una al lado de la otra horizontalmente y ser responsive. ¿Algun tutorial o ejemplo? Gracias desde ya.

[tanatos_neon]

Por lo que entiendo.

Quieres a la izquierda una caja de 70% y a la derecha una de 30% con un video.

Código HTML:

<div style="width:100%">
<div style="width:70%; float: left;">
<img src="miimagen.jpg" style="min-width:100%" />
</div>
<div style="width:30%; float:left;">
<iframe src="urldelvideo.htm" style="min-width:100%"></iframe>
</div>
<div style="clear:both;"></div>
</div> 

Te lo he escrito todo a pelo sin probarlo.

Si lo que quieres es que tambien ocupe el 100% de la altura ya cambia la cosa. Deberias añadir al css esto:

Código HTML:

html,body {min-width:100%; min-height:100%; height:100%;}

Y las alturas al 100% de los elementos.

Si lo quieres mas especifico muestrame una imagen con el "montaje" que quieres y vemos.