No creo ke sea la mejor solucion estoy seguro ke hay otra mejor, pero fue la mejor ke encontre hasta donde alcanzan mis conocimientos de CSS, simplemente hice unos calculos y lleve el WIDTH y el LEFT a porcentage.
Código HTML:
/* CSS Document */
body
{
background-color:black; /* color al fondo*/
}
.arriba
{
position:absolute;
width:85%; /*largo */
height:80px; /*alto*/
left:7%; /* tañado desde la izquierda*/
top:0px; /* tamaño desde arriba */
border:1px solid white; /* borde de 1px de ancho , solido , blanco */
background-color:#CCCCCC; /* color gris*/
}
.izquierda
{
position:absolute;
width:16%;
height:400px;
left:7%;
top:80px;
border:1px solid white;
background-color:#000066;
}
.derecha
{
position:absolute;
width:69%;
height:400px;
left:22%;
top:80px;
border:1px solid white;
background-color:#666666;
}
Seguire este tema por ke estoy seguro habra una mejor respuesta