Igualar alturas de dos <div>
6 seguidores
Hola a todos,
tengo una duda que me está volviendo loco!!!
En la página de un catálogo, los resultados se muestran en dos columnas, izquierda - derecha.
Quiero hacer que cada fila (que contiene 2 contenedores de productos) tenga un <div> que los englobe para que cuando uno crezca debido a la cantidad de información que contiene, el otro adapte su altura hasta ser igual que el grande.
Es algo que no se puede disimular, ya que están marcados con un borde.
¿Cómo lo solucionáis simplemente con CSS?
orange
zigotica
aun no lo he leido en profundidad, pero siendo lo ultimo de ALA "deberia" estar bien:
http://www.alistapart.com/articles/multicolumnlayouts
Me lo he estado mirando y ninguna de estas cosas acaba funcionando del todo bien.
Con las técnicas de ese artículo, por ejemplo, dificilmente podremos poner un simple borde a las columnas, ya que el simula color de fondo de las columnas laterales a base del borde del contenedor... si queremos meterle un borde a las cajas ya no vale ese truco.
Yo he hecho cosas similares (en la concepción técnica) superponiendo los bordes de las cajas, pero entonces ya pierdes el tema de fondos.
Y luego todas estas cosas dan dolores de cabeza en diseños elásticos, y el soporte multinavegador suele dar problemas.
Después de todo lo que ha llovido creo que este problema no tiene solución con la actual especificación CSS 2.1 (y si nos metemos en soporte/bugs ni hablemos). Porque mucha gente le ha dado vueltas a la historia durante mucho tiempo y no hay una solución redonda. Dependiendo de lo que quieras hacer van mejor unas cosas u otras.
Lo único que me acaba quedando claro con estos artículos es que espero que CSS3 llegue pronto, y que está ampliamente soportada.
jordianton
GRACIAS por vuestras respuestas, estoy experiemntado con los tutoriales.
Ya os contaré.
pseudo
Quirks mode and strict mode
kassel
gracias orange, lo he leido y sigo con dudad buscando mas info ya ire preguntando.
Aún asi mil gracias.
orange
En A List Apart hay un buen artículo sobre el tema
http://alistapart.com/stories/doctype/
kassel
gracias orange llevaba tiempo queriendo ver el tema del doctype, y me has dado una buena razon, ;)
orange
kassel
pero este sip:
http://www.fu2k.org/alex/css/examples/moreequalheightcolumnsquirks
Pero ese es el que no deberías utilizar:
fu2k
...Quirks mode...
kassel
pero este sip:
http://www.fu2k.org/alex/css/examples/moreequalheightcolumnsquirks
hartum
kassel
esto:
http://www.456bereastreet.com/archive/ 200406/equal_height_boxes_with_css_part_ii/
en explorer no va, (que novedad!!!)
kassel
esto:
http://www.456bereastreet.com/archive/200406/equal_height_boxes_with_css_part_ii/
zigotica
aun no lo he leido en profundidad, pero siendo lo ultimo de ALA "deberia" estar bien:
http://www.alistapart.com/articles/multicolumnlayouts