Ver Mensaje Individual
  #2 (permalink)  
Antiguo 26/11/2013, 06:50
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Menu desplegable, problema al desplegar

La cuestión pasaría por asignar una altura, pero claro, ¿por qué el uso de la posición absoluta para los elementos de la lista? En realidad no hace falta, pueden ser perfectamente elementos en bloque y así estaría uno debajo del otro.

Selectores como estos:
Código CSS:
Ver original
  1. nav > ul > li > ul > li + li + li + li

Son un poco locos.

Lo mismo te hace algo así:
Código CSS:
Ver original
  1. nav ul ul li:nth-child(4)

Como sólo tienes dos niveles en el menú, te vale hacer simplemente ul ul y luego simplemente seleccionar el cuarto li —o el cuarto hijo que sea un li.
Y lo mismo para los otros casos de abuso de +.

Pero vamos, el problema que tienes es realmente con usar posiciones absolutas. No le veo mucho sentido a usarlas ahí. Puedes crear lo mismo haciendo una transición usando el margen o también translateY().