Hola:
antes que nada avisaré de que soy bastante novatillo con CSS.
Tengo el siguiente HTML
Código PHP:
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="todo">
<div id="cabecera"> dd</div>
<div id="menu"> dd</div>
<div id="derecha">bb</div>
</div>
</body>
Y este es su CSS:
Código PHP:
#todo{
width:auto;
}
#cabecera{
width:100%;
height:100px;
}
#menu{
position: absolute;
width:150px;
height:452px;
left: 10px;
top: 110px;
}
#derecha{
position:absolute;
top:110px;
left:170px;
right:10px;
width:100%;
height:452;
}
Me gustaría conseguir que la capa #derecha tenga un ancho dinámico para que ocupe toda la pantalla pero cumpliendo siempre 2 condiciones:
-Que esté a 170px de la izquierda y
-que esté a 10px de la derecha
Lo he intentado con la capa #todo, pero no soy capaz. No sé que valores tengo que asignar a ninguna capa para conseguirlo.
¿Es posible hacer lo que pido o sigo soñando?
Saludos!!!!