On 11/2/06, Ramon Lapenta <[EMAIL PROTECTED]> wrote: > Buen día a todos. > > Tengo un problemita que no entiendo muy bien a que se debe: > > http://www.portafolio-inversiones.com > > Si ven en esa página, debajo de la imagen central hay una lista de > artículos. En mi intención de que aparecieran en dos columnas en vez de > una sola (creo que se ve mejor), he flotado los <li> a la izquierda, > pero sucede que deja espacios verticales en algunos de los elementos de > la columna izquierda, que no se ven nada bien. > Había pensado en hacer dos listas, pero el problema es que el número de > artículos es indeterminado, y puede variar bastante. > Alguna idea para que esto se vea mejor? (igual para el resto del sitio)
El problema es que los elementos tienen distinta altura. Por ejemplo mirando a los tres primeros elementos: Sept - Oct 2006 mide 52 pixeles Noticias, analisis mide 48 pixeles El claro camino mide 29px Al flotarlos a la izquierda el navegador primero pone "Sept-oct" a la izquierda, luego pone "noticias, analisis" a la derecha de este y luego intenta poner "el claro camino" a la derecha de noticias, pero no hay lugar porque se termina el ancho de la columna. Asi que el navegador lo pone inmediatamente debajo de "Noticias, analisis", si "noticias, analisis" tuviese la misma altura que "sept-oct" entonces "el claro camino" iria donde tu quieres, a la izquierda de la segunda fila. Pero como "sept-oct" es mas alto entonces "el claro camino" se queda enganchado. Esta explicacion es un poco complicada, pero si le pones un recuadro rojo al elemtno li, veras lo que quiero decir. Para que quede todo alineado correctamente tendras que hacer que todos los elementos tengan la misma altura., o manualmente poner un divisor que tenga clear:both cada dos elementos. En IE6 se ve igual que FF. Saludos, Hermann Kaser http://www.theragingche.com/ _______________________________________________ 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://lists.ovillo.org/mailman/listinfo/ovillo