Haz flotante el UL -----Mensaje original----- De: [email protected] [mailto:[email protected]] En nombre de Julio Loayza Herrero Enviado el: Viernes, 22 de Mayo de 2009 11:45 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Listado con elementos de listado flotantes
Hola. Esta es mi primera participación en la lista, a ver si alguien puede me aportar un poco de luz :-) Soy un poco purista del código y no me gusta nada usar hacks, aunque a veces sea irremediable. Me planteo: Si tenemos un listado (ul por ejemplo) y con todos sus elementos flotantes ¿Cómo hacer para que el listado (ul) no aparezca "vacío"? Es decir, para que tome la altura de los elementos contenidos. No sé si me explico, pero lo podemos ver claro en este ejemplo que he preparado: http://stanque.com/demos/css/listas.html El listado tiene fondo negro, pero el fondo no acompaña a los elementos, puesto que son flotantes y estos pierden su posición. Sé que la solución "visual" es muy sencilla con sobreetiquetado y algún hack, como embebiendo el listado con un div y poniendo un "clearfix" detrás del mismo. Como hack "light" se me ocurrió colocar un elemento de listado vacío al final, con clear both. Pero no funcionó. ¿A alguien se le ocurre alguna solución que no conlleve sobreetiquetado? Gracias a todos, ¡un saludo! julio loayza stanque _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
