Orden de Divs.

[Joaca]

Hola todos.

pregunta. como hacer para que la lista despegable que cree se despliegue encima de los otros elementos.http://www.castillojorge.com/prueba.html
Si ven el link y van al item portafolio este se despliega por debajo del slider.
Como lo soluciono.

Buen Dia.

[sanxuan]

El mayor problema es que no tienes sitio suficiente para colocar el desplegable por encima, aunque no habría problema en hacerlo.
Me parece mejor idea desplegarlo en horizontal bajo el menu que tienes como en esta imagen:



Se trataría de dejar que los elementos floten igual que en el menú superior. Tendrías que modificar márgenes para situarlo correctamente, etc.

[Joaca]

Men excelente idea voy hacerlo y te comento como me fue.

[LinkLooker]

Saludos, creo que tambien puedes probar colocandole un Z-Index bajo al contenedor del slider ....

[sanxuan]

Me temo que lo del z-index puede ser algo más complicado porque hay posiciones absolutas involucradas.
He abierto tu página en Firefox y aparecen los elementos descolocados. Además cuando redimensionas la ventana del navegador, la página permanece centrada pero la barra roja que tienes debajo no se centra junto al resto.
Considera la posibilidad de introducir estos cambios:

Código CSS:

#slider .container {
    cursor: pointer;
    height: 355px;
    overflow: hidden;
    position: absolute; /*Cambiar esta posición de relativa a absoluta*/
    width: 877px;
}
.barra_roja {
     /* usar un margen negativo de 13 px para posicionar en lugar de top: 564px; en caso de ser necesario */
     margin: -13px auto 0; /*Eliminar la posición absoluta y centrar este contenedor*/
    width: 985px; /*Adecuar el ancho del div al de la imagen */
}