Estoy tratando de averiguar por qué los elementos ul en el navegador izquierdo on this site tienen una altura de cero.¿Por qué los elementos ul no tienen altura?
Me gustaría añadir un margen inferior a la ul anidado ...
Disculpa, al final fue un error fácil, los elementos li se configuraron para mostrarse en línea.
Anulé esta regla con float:left; clear:left que dio como resultado que los elementos ul no tengan altura.
solución (en resumen): quitar el atributo flotante de los li elementos con que cuenta cualquier
no estoy del todo seguro de lo que entendemos por una altura de cero, pero lo hice ver que en su theme.css no es el siguientes entradas:
#leftCol ul, #rightCol ul {
margin:0;
padding:0;
}
Puede agregar algo de margen o relleno para obtener un poco de espacio. Sin embargo, tal vez estoy malinterpretando.
Espero que ayude un poco.
Gracias Ryan, sí, normalmente eso funcionaría, pero como los elementos li flotaban, no lo hizo, creo que eso fue lo que sucedió de todos modos, pero gracias – morktron
Ahh ... vale. Me alegro de que todo salga bien. –
pregunta Viejo pero sigue siendo relevante.
No puedo ver el sitio que se publicó pero me surgió el problema cuando el ul estaba absolutamente posicionado en relación con un elemento. Es para una búsqueda de escritura anticipada de un cuadro de entrada, por lo que el menú desplegable tendrá una lista de sugerencias flotando justo debajo del campo de entrada.
El marcado es algo así como:
<section>
<input/>
<ul>
<li>foo</li>
<li>foo</li>
<li>foo</li>
</ul>
</section>
input tiene position: relative y ulposition: absolute.
Mi problema era que había dejado la regla bottom: 0px en mi CSS para ul y algo de JavaScript estaba añadiendo top: 32px a ul también. Eso obligó al elemento ul a una altura de 0px ...
Al eliminar la regla bottom resolví mi problema.
gracias - gran hallazgo. Me había estado arrancando el pelo. – icc97