Estoy tratando de crear un panel en el lado izquierdo para interactuar con cierta informacion que aparecera del lado derecho del mencionado panel, lo que pretendo es algo parecido al menu izquierdo que tiene el correo de hotmail.
un div en el bottom con cierta info, y un div por encima de este que la medida en que crezca dependiendo de su contenido, no se salga de su div contenedor y respete el espacio del div superior e inferior si existen.
gracias por sus recomendaciones.
<div style="width:100%;height:100%;border:1px solid red;">
<div id="lateral" style="width:350px;height:100%; border:1px solid green;">
<div id="tabs" style="width:100%;height:30px;border:1px solid yellow;">tabs</div>
<div id="Contenido" style="position:relative;width:100%;top:0px;bottom :0px;border:1px solid blue;">
<div id="command" style="width:100%;height:30px;border:1px solid green;">
command
</div>
<div id="grid">
debe ocupar el height restante y overflow-y auto cuando sea necesario
hola<br>
hola<br>
</div>
<div id="pager" style="width:100%;height:30px;border:1px solid green;">
pager
</div>
</div>
</div>
</div>