¡Buenas a todos!
Como digo en el título, tengo un div que me está haciendo la puñeta, porque en Firefox se muestra en su sitio, pero en Chrome no (de IE paso un poco).
La cosa es: Un div grande y hermoso, centrado en la pantalla, que contiene dos divs mas pequeños, y quiero que uno se quede a la derecha, y otro a la izquierda, ambos pegando a la parte superior del div principal, y les tengo puesto el siguiente codigo CSS, donde
#principal es el div grande, y
#cuadradete 1 y 2 son los divs que tienen que estar a la izquierda y a la derecha respectivamente:
Código CSS:
Ver original#principal{
width: 80%;
background-color:yellow;
position:relative;
margin: 0 auto;
left: 0;
right: 0;
border: 3px solid blue;
opacity:0.70;
z-index: 0;
}
#cuadradete{
width: 100px;
height: 100px;
background-color:transparent;
position:absolute;
left:0;
top:0;
z-index: 1;
}
#cuadradete2{
width: 100px;
height: 100px;
background-color:transparent;
position:absolute;
right:0;
top:0;
z-index: 1;
}