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
