Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de consulta sobre: "100% alto, finalmente para todos" de csslab en el foro de CSS en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 26/07/2008, 14:50
 
Fecha de Ingreso: febrero-2005
Ubicación: MEXICO
Mensajes: 455
Antigüedad: 12 años, 10 meses
Puntos: 5
consulta sobre: "100% alto, finalmente para todos" de csslab

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
Cita:
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.
__________________

  #2 (permalink)  
Antiguo 26/07/2008, 14:54
 
Fecha de Ingreso: febrero-2005
Ubicación: MEXICO
Mensajes: 455
Antigüedad: 12 años, 10 meses
Puntos: 5
Respuesta: consulta sobre: "100% alto, finalmente para todos" de csslab

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.
__________________

  #3 (permalink)  
Antiguo 26/07/2008, 15:04
 
Fecha de Ingreso: febrero-2005
Ubicación: MEXICO
Mensajes: 455
Antigüedad: 12 años, 10 meses
Puntos: 5
Respuesta: consulta sobre: "100% alto, finalmente para todos" de csslab

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
__________________

  #4 (permalink)  
Antiguo 26/07/2008, 15:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: consulta sobre: "100% alto, finalmente para todos" de csslab

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.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 26/07/2008, 17:04
 
Fecha de Ingreso: febrero-2005
Ubicación: MEXICO
Mensajes: 455
Antigüedad: 12 años, 10 meses
Puntos: 5
Respuesta: consulta sobre: "100% alto, finalmente para todos" de csslab

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.
__________________

  #6 (permalink)  
Antiguo 26/07/2008, 18:35
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: consulta sobre: "100% alto, finalmente para todos" de csslab

Cita:
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.
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 26/07/2008, 21:10
 
Fecha de Ingreso: febrero-2005
Ubicación: MEXICO
Mensajes: 455
Antigüedad: 12 años, 10 meses
Puntos: 5
Respuesta: consulta sobre: "100% alto, finalmente para todos" de csslab

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

  #8 (permalink)  
Antiguo 26/07/2008, 21:17
 
Fecha de Ingreso: febrero-2005
Ubicación: MEXICO
Mensajes: 455
Antigüedad: 12 años, 10 meses
Puntos: 5
Respuesta: consulta sobre: "100% alto, finalmente para todos" de csslab

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

  #9 (permalink)  
Antiguo 26/07/2008, 21:17
 
Fecha de Ingreso: febrero-2005
Ubicación: MEXICO
Mensajes: 455
Antigüedad: 12 años, 10 meses
Puntos: 5
Respuesta: consulta sobre: "100% alto, finalmente para todos" de csslab

<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;
}
__________________

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:25.