BUenos días foro, el sunto es el siguiente:
Tengo mi estructura y en ella un div al 100% donde dentro de este van dos divs mas al 50% cada uno y semitransparentes...El asunto es que mequeté todo con el div del video con una imagen de fondo mientras me enviaban el video....y todo bien..Pero ahora que tengo el video, lo coloco de fondo en el div en cuestion y los dos div que estaban dentro se bajan, saliendose del flujo del documento...
a continuación el codigo CSS:
Código:
#video {
width:100%;
height:500px;
position: relative;
z-index:-1000;
overflow: hidden;
#contenidoizq {
width:50%;
height:500px;
background-color:#32c0c4;
float:right;
z-index:5;!important
padding:0;
margin:0;
}
#contenidoder { width:50%;
height:500px;
float:right;
background-color:#32689b;
z-index:100;
margin:0;
padding:0;
}
Código HTML
Código HTML:
<div id="video">
<video autoplay="" loop="loop" preload="true" width="100%" >
<source src="../video/chrome_japan.ogv" type="video/ogg"></video>
<div id="contenidoder">
</div><!--Cierra contenidoder-->
<div id="contenidoizq">
</div><!--Cierra contenido Izquierdo-->
</div><!--Cierra video-->
<div class="clear"></div>
D eeste modo, me quedan los dos div viendose despues del video en el flujo de la página...quisiera es posicionarlos sobre el video...
Gracias de antemano