Considerando tu diseño, te propongo cambiar la aproximación al problema: 1. Usar faux-columns [1] para lograr el fondo blanco y el borde negro de 1pixel 2. Usar alguna de las técnicas para posicionar el footer contra el bottom de la página [2]
[1] http://www.alistapart.com/articles/fauxcolumns/ [2] http://scott.sauyet.name/CSS/Demo/FooterDemo1.html On 3/1/06, Jaime Gómez Obregón <[EMAIL PROTECTED]> wrote: > Hola lista, > > Supongo que será una duda recurrente. Por lo menos yo me he encontrado > varias veces con este problema, si bien siempre me las he arreglado para > evitar una "solución directa" que ni siquiera sé si existe (intuyo que > no). > > Me refiero a la necesidad de un DIV que se expanda hasta el 100% de la > altura del elemento contenedor si este es más pequeño que la pantalla, o > que no se expanda si el contenedor es mayor que ésta. > > Pongo dos ejemplos del sitio en que estoy trabajando. En ambos casos hay > un DIV contenedor, y dentro de el, tres DIV interiores: "cabecera", > "contenidos" y "pie". > > http://iteisa.com/estandares-web/ > En este primer caso el DIV "contenidos" es grande porque tiene mucho > contenido. En consecuencia el contenedor crece. Correcto. > > > http://iteisa.com/buscar/?busqueda=ovillo > En este segundo caso, el DIV "contenidos" es muy pequeño, y tan pronto > como termina le sigue el DIV "pie", que "sube" demasiado ya que > "contenidos" no es capaz de extenderse hasta rellenar el espacio > sobrante. > > Conozco la solución a un problema diferente pero muy parecido: que un > DIV se expanda hasta ocupar el 100% del elemento que lo contiene, > usando: > > html, body { height: 100% } > > No obstante, el problema que cito es ligeramente más difícil, pues en > ningún momento sabemos la altura del contenedor, que depende de los > contenidos en cada caso. > > En esta fuente (http://www.quirksmode.org/css/100percheight.html) dicen > que es imposible y que se debe a una carencia de la especificación CSS > 2.1. > > Sin embargo, me resisto a rendirme (y me resisto también a usar tablas o > javascript). > > ¿ Alguna idea ? _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
