Prueba con este código. He añadido otro div para contener a gris y verde:
Código HTML:
Ver original<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> div {
border: 1px solid transparent;
padding: 0;
margin: 0;
}
.rojo {
width: 210px;
float: right;
background-color: red;
}
.contenedor {
}
.azul {
width: 100%;
margin-left: -210px;
background-color: blue;
}
.sub_contenedor {
width: 100%;
margin-left: -210px;
}
.gris {
background-color: gray;
width: 100%;
float: left;
margin-left: -323px;
}
.verde {
background: green;
width: 315px;
float: right;
}
<div class="contenedor-grande">
<div class="sub_contenedor">