Como separar los <li> según tamaño texto

[hardware]

Hola,

Estoy intentando conseguir que el menú de "categorías" se adapten sus elementos y no sean tamaños fijos. Es decir, si una denominación ocupa 3 filas pues que el posterior se desplace hacía abajo y empiece. En este momento si un elemento su texto es muy grande se solapan unos con otros.

http://livedemo00.template-help.com/prestashop_35386/

gracias,

[noruas]

No entiendo bien lo que intentas.

Quieres poner los li horizontales uno detras de otro y que si por el contenido que tienen superan el ancho de la caja que los contenga los demas hagan un salto de linea y sigan abajo ¿no?

[hardware]

Iniciado por noruas

No entiendo bien lo que intentas.

Quieres poner los li horizontales uno detras de otro y que si por el contenido que tienen superan el ancho de la caja que los contenga los demas hagan un salto de linea y sigan abajo ¿no?

Sí, puede ser que me haya explicado mal

Quiero que se muestre tal cual hace ahora pero el problema está que cuando el texto de una categoría o subcategoría es muy grande (p.e. "peines especiales para perros con líneas rojas y blancas") entonces se solapa con la siguiente categoría que está debajo ya que supera el width de la caja contenedora y pasa a la siguiente línea. Yo lo que necesito es que ese espacio sea dinámico y que cada categoría ocupe el espacio que necesite.

gracias por responder,

[kseso?]

Eso ocurre por tener declarado un height en px y sin prevenir el desboramiento inferior en el selector div#categories_block_left ul.tree a

O elimina la altura (y añade un padding superior e inferior para darle aire) o convierte el height en min-height

[hardware]

Iniciado por kseso?

Eso ocurre por tener declarado un height en px y sin prevenir el desboramiento inferior en el selector div#categories_block_left ul.tree a

O elimina la altura (y añade un padding superior e inferior para darle aire) o convierte el height en min-height

La opción de min-height fue la que me sirvió perfectamente.

gracias,