[SOLUCIONADO] tabla adaptable a div adaptable

[jocryo]

resulta, pasa y acontese que tengo el siguiente codigo (masomenos)

<div id="page">
<div id="header">...cabecera...</div>
<div id="container">
<div id="lateral" class="menu">..menu lateral de la aplicacion</div>
<div id="main">
<table>.... tabla dinamica que se carga con informacion de la base de datos,......
</table>
</div>
<div>
<div id="footer">...pie de pag...</div>
</div>

la cosa es que quiero hacer que page tenga un ancho del 80% de la ventana, el header, container y footer pos igual respecto al ancho de page, ahora, el lateral tiene un ancho fijo, pero main lo tiene en auto y la tabla también lo tiene en auto, la gracia es que la tabla ocupe todo el ancho de main y main ocupe el ancho sobrante (container - lateral), pero no funciona, cuando main esta vacio queda con ancho 0 y cuando se carga la tabla, esta se ensancha al ancho de container y no al que necesito, como puedo hacer para que quede como quiero?


gracias a todos por su atencion

[webosiris]

deberías de poner el código css, sino solo podemos adivinar... estás usando posiciones relativas? absolutas? los divs están flotandos? etc...

[Gustavo72]

mmm... me parece que vas a tener que usar javascript para calcular y asignar el ancho que debe tener main.

[Gustavo72]

Ya está. Le encontré la vuelta.
Usá lo siguiente:

Código CSS:

div#main {
    width: calc(100% - 230px);
}
 

Donde 230px debería ser el ancho fijo del lateral más los margins y los paddings de main, de lateral.
Yo lo probé en Firefox, habría que probarlo en otros navegadores y después nos contás si funciona.

[jocryo]

gracias gustavo, eso era esactamente lo que necesitaba, muchisimas gracias