Hola! tengo un problema. En el codigo que voy a poner con el mensaje tengo una caja en VERDE (class="bottom") que quiero que se ubique justo ABAJO de las cajas ROJA (class="left") y AMARILLA (class="right"). En firefox, la caja verde se situa detras de la caja roja, y en explorer se situa entre ambas.
Cabe señalar que la caja mas alta puede llegar a ser tanto la amarilla como la roja, y que quiero la caja verde justo abajo de estas dos sin que se superponga a nada; tambien estaria bien decir que no se de antemano el alto de la caja roja ni de la amarilla.
Por favor, necesito ayudaaa!!!!
Gracias!
<html>
<head>
<style type="text/css">
.left {
float: left;
width: 100px;
height: 100px;
background-color:#dd1111;
}
.right {
float: right;
width: 200px;
height: 200px;
background-color:#eeee00;
}
.bottom {
width: 300px;
height: 300px;
background-color:#00aa00;
}
.container {
height: 610px;
width: 610px;
background-color:#777777
}
</style>
</head>
<body>
<div class="container">
<div class="left"></div>
<div class="right"></div>
<div class="bottom"</div>
</div>
</body>
</html>