Problema con alto completo
 

Supongamos que tengo una estructura de ese estilo, bien simple. Ahora, necesito que #left y #right se estiren al 100% pero dejando el espacio necesario para #bottom. ¿Cómo podría hacerlo?

Gracias
Fede

¿Acaso no te está faltando esto?

Uh que boludo. Lo tengo en la hoja de estilos, pero cuando lo copie aca para ponerlo todo junto se me perdio en el camino :D

Anyway, alguna idea?

Dale a #left y #right un height:100%

Pero haciendo eso las dos columnas se estirarían ocupando toda la pantalla y #bottom quedaría oculto hasta que el usuario baje con la scrollbar.

#contenedor {
width: 760px;
height: 100%;top:0;
margin: auto;
}
#left {
background-color:#003399;
width: 250px;height: 95%;
float: left;
}
#right {
background-color: #FF0000;height: 95%;
}
#bottom {
background-color: #00FF00;height: 10%;
}
body, html {height:90%;}

Esto queda bien en IE y un poco corto en NS

Pensé que el hacerlo con porcentajes haría que #bottom se agrandara demasiado en aquellos casos donde la pantalla es muy extensa, pero lo voy a probar y ver cómo queda.

Muchas gracias
Fede

De nada Fede ,es cuestion de jugar con los porcentajes ,si quieres que el #bottom tenga una altura fija ,por ejemplo 100px ,se la das y varia luego el porcentaje de las columnas.

No se si puede hacerse de otra forma ,seria cuestion de experimentar.

Saludos.

Claro, pero tengo el mismo problema. Con una resolución muy chica me aparecería el scrollbar vertical y con una muy grande me sobraría espacio. Se me hace imposible hacerlo con porcentajes.

Gracias
Fede

Pero eso es debido a que les tienes asignado un ancho fijo en px al contenedor=760 y a left=250., si se ve desde ua pagina de 640*480 el contenedor se sale de pantalla, tendrias que aplicarle la anchura tambien en porcentages o maximo 640 o lo que permita sin mostrar el scroll.

Es muy recomendable, para no tener este tipo de problemas ,que todas las medidas vallan en porcentajes.

Bueno, pero ese no es mi problema ahora. El ancho del contenedor es uno arbitrario.
Pero, por ejemplo, le doy 150px de alto a #bottom y un alto en porcentajes a las columnas #left y #right. Trabajo en 1027x768, así que lo hago encajar perfectamente, pero en diferentes resoluciones no va a quedar igual por el hecho de que el 90% de 600 no es igual al 90% de 768 ni al 90% de 1024.

Por ahora lo solucioné usando display:table, pero no funciona en IE. (http://www.forosdelweb.com/f53/display-table-colspan-281358/)

Gracias
Fede