Lo que voy a explicarles a continuación es como lograr en XHTML y CSS que cuando coloquemos un div dentro de otro, el div interior tenga la misma altura que el div en el que está contenido. Esto es util para diseños de varias columnas (Como un blog) donde quieran que una textura o color especifico siga creciendo en función del contenido de otra columna.
<div id="container">
<div id="content">
<p>bla bla bla bla</p>
<p>bla bla bla bla</p>
</div>
<div id="menu">
bla bla bla bla
</div>
</div>
Lo que hemos hecho es que darle al div #content además de un color específico un borde derecho de 200px y un margen derecho de -200px. ¿Esto para qué? pues para que cuando insertemos el div #menu este se sobreponga en él y el borde finja ser la columna lateral derecha de manera que al aumentar el tamaño del contenido lo lógico pues es que el borde aumentará paralelamente su altura con relación al contenido, lo cual nos servirá para insertar nuestro menú y se vean de igual altura.
Pero esto es una especia de "faux columns". Además es una solución que sirve para IE6, porque con Firefox y IE7 tan sólo con ponerle a #menu hieght:100%; es suficiente. Por:ryuz
wow, a esto sí que le puedo llamar un "workaround". Por:neojp_blog
Me parece apropiado el tips, pues aun hay muchisimas personas que no usan Firefox y que tampoco han descargado el IE7... Por:Osvaldo Osorio_blog
útil Por:RBL_blog
esta interesante, hoy en dia el css es primordial
gracias Por:malder
Muy buena, había visto parecidos por ahí pero este es bueno. Habrá que ver en qué casos se puede aplicar Por:frenadoll
hola, estoy haciendo un site con div, necesito hacer que los div ocultos hagan que el div que funje como contenedor (en una capa mas abajo) se ajuste al height de los div ocultos (en capa superior) gracias Por:omar_blog
Definitivamente es la solución más factible que he podido encontrar, además es muy simple. Buen trabajo. Buena lógica. Por:Rolando_blog
tengo una pregunta, esto funciona en IE5.X ??
y konqueror ? safari ?? Por:melvin_blog
Hola Mijt,
tu método funciona muy bien pero, como tú mismo aclaras, el borde FINJE que la segunda columna se aclara.
Si lo que tengo es una separación entre las dos columnas, además de un borde en ambas columnas de distinto color al fondo de la pantalla y al fondo de las columnas, esta solución se hace completamente inviable.
¿Sabes de alguna manera de hacer lo que te pido?
Gracias Por:ken-blog
disculpen y como se haría para tres columnas??
Gracias.. Por:Mari-blog
