consulta sobre: "100% alto, finalmente para todos" de csslab

[cpucpu]

Muchos de ustedes ya abran leido este tema, y yo tengo una pegunta al respecto. http://www.csslab.cl/2007/10/11/100-...#comment-20569
La cosa esta bastante sencilla, miren esta foto:


Ahora, imaginen que en la foto de la izquierda, el el rectangulo izquierdo, osea el gris; imaginen que al final tuviera una propiedad border-bottom: 10px black;

ok?

bueno, como seria de esperarse mirariamos tal borde.
Pero tras al aplicar el efecto del "100% alto para todos", naturalmente se piede tal borde, puesto que quedaria a miles de pixeles de overflow escondido hacia abajo, facil de entener, no?

Ahora, me he quebrado la cabeza tratando de encontrar un metodo que se aplique a mi layout pero no lo encuentro.
En mi caso -y problemente en muchos otros- no se puede aplicar el metodo que menciona el autor como solucion a estol, lo que dice acerca de

jon, no se ve porq con este metodo tu borde inferior bajo 30000px…. trata de poner ese borde al contenedor, al q tiene el overflow: hiddenn; suerte.

puesto que tal borde quedaria tanto a lo ancho de la parte que posee altura estatica, como para la parte que se "auto-ajusta su altura".
y yo solo necesito que afecte a la perte que se "auto-ajusta su altura" y no a ambos.

Osea, que solo la columna que se incremena su altura debido al hack, tenga un border-bottom o algo que simule serlo.

Uff, espero haberme explicado bien, gracias por la atencion.

[cpucpu]

e intentado varias cosas, pero al final de cuentas todo se reduce a que:

a) el efecto deseado, no puede depender directamente en la columna que "auto-ajusta su altura", puesto que esta(acento en la e) esta(asento en la a) practicamente muerta, a miles de pixeles abajo, y no puedo controlar un elemento que se encuentre despues de esta, por que no se veria.

[cpucpu]

Ha, y por supuesto, la posicion de tal border-bottom se encuentra al final de la columna, haciendo nofactible el utilizar alguna tecnica de posicionamiento estatico, tiene que estar al final de la columna, sea cualse sea su altura.

Esa es la complicaion, sigo indagando

[Mikmoro]

Demonios, lo siento pero prácticamente no he entendido ni palabra. Me ha parecido leer cosas contradictorias, que puede que no lo sean.

¿Qué es lo que quieres conesguir exactamente? ¿puedes hacer una imagen como las de antes? ¿tu columna "auto-ajusta su altura" es la de la izquierda? ¿y sin embargo quieres que el fondo gris llegue hasta abajo?

Si puedes explícate dejando al margen todo lo del truco citado, ya que no te funciona, para ver si se puede buscar otra cosa.

[cpucpu]

Asi es, el truco si me funciona, lo que pregunto es efecto colateral que ocurre al aplicar tal hack.

La columna que "autoajusta su altura", es la de la izquierda, por que en efecto, esa columna parecera que ajusta automaticamente su altura respecto a la altura de la columna deracha.
Es decir:
-la altura de la columna izquierda es variable, dependiente.
-la altura de la columnda derecha puede variarse, de forma independiente.

No se si lo que intendes es -en principio- la funcionalidad del hack, y la razon por la que lo utilizo; o mi pregunta en si.

Pero aqui va de nuez:
Partiendo del hecho de que sabes para que es, entendaras que sino lo usara, y deseara poner un borde inferior a la columna izquierda, podria verlo tal borde; es decir, si lanzas una pelota hacia arriba, caera; quiero decir, es un hecho.

Pero al usar el hack, ese mismo border-bottom, desapareceria.
Por las caracteristicas misma del hack, que lo que hace alargarse "infinitamente"..por tanto el borden bottom se alargaria tambien...y como el hack trata de overflow:hidden, lo que se alarque "infinitamente", no se ve.

Mas claro que el agua, supongo...eso espero...

Gracias por la atencion.

[Mikmoro]

No se si lo que intendes es -en principio- la funcionalidad del hack, y la razon por la que lo utilizo; o mi pregunta en si.

No, ya te lo he dicho, simplemente quería saber qué es lo que quieres conseguir, olvidándote de la explicación sobre el hack que no te funciona.

Te lo pregunto porque esto se puede hacer de otra manera. Mira este ejemplo.

[cpucpu]

dejame ver, lo estoy probrando, de momento solo puedo comentar que he podido covertirlo en diseo fliudo.

[cpucpu]

sabes que. por alguna razon q no puedo detectar, pero de seguro tu ya conoces, no puedo hacerlo liquido.
Que pasa con el hack?

[cpucpu]

<style type="text/css">
#contenedor {width: auto; height: auto; background-color: #D9CBCB; margin:0 auto; padding: 10px;
}
.columna_izquierda { width: 380px; height: auto; background-color: #C0C0C0;margin: 20px;border-bottom: solid 10px #fff; position: relative;
}
.texto_izq {padding: 10px;position: absolute;top: 0;left:0;}
.columna_derecha { width: auto; height: auto; background-color: #FFCC99;padding: 10px;position: relative;left: 410px;
}