Re: [Ovillo] Div hasta el 100% del elemento contenedor
Muchas gracias Manuel, es justo lo que andaba buscando.
El primer enlace lo conocía, y de hecho lo he utilizado muchas veces,
sin embargo el segundo link es nuevo para mi y me sirve perfectamente.
Lástima los hacks para evitar tantos bugs en el MSIE...
Saludos,
--
Jaime Gómez Obregón
Director Comercial ([EMAIL PROTECTED])
ITEISA - www.iteisa.com
942 544 036 - 662 256 006
El mié, 01-03-2006 a las 17:48 -0300, Manuel Razzari escribió:
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 ?
!DSPAM:1,44060d8a86975036833364!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Div hasta el 100% del elemento contenedor
Jaime Gómez Obregón escribió:
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).
¿Y con un min-height y luego un height para el internet explorer no te
vale?
Lo he probado con el webdeveloper y funciona bien en firefox al menos.
div#contenidos {
margin: 0 15px 0 15px;
text-align: justify;
min-height: 300px;
}
Saludos
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Div hasta el 100% del elemento contenedor
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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Div hasta el 100% del elemento contenedor
Una pregunta con relación al punto 2...
El footer contra el bottom no sería algo así?
position: absolute;
bottom: 0px;
clear: both;
¿?
Saludo,
DJ-Dom
El día 1/03/06, Manuel Razzari [EMAIL PROTECTED] escribió:
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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
--
www.dj-dom.net
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
