Ver Mensaje Individual
  #6 (permalink)  
Antiguo 19/12/2013, 12:59
lk2_89
 
Fecha de Ingreso: agosto-2007
Mensajes: 71
Antigüedad: 17 años, 3 meses
Puntos: 1
Respuesta: Menu CSS se oculta tras un slider

Este es el código HTML que tengo en mi página:

Código HTML:
Ver original
  1. <div class="contenedor_bnr_mn">
  2.         <div class="banner">
  3.         <img src="imagenes/banner/banner.png" />
  4.         </div>
  5.        
  6.         <div class="slider">
  7.             <div id='coin-slider'>
  8.                 <img src="imagenes/slider/1.jpg" />
  9.                 <img src="imagenes/slider/2.jpg" />
  10.                 <img src="imagenes/slider/3.jpg" />
  11.                 <img src="imagenes/slider/4.jpg" />
  12.                 <img src="imagenes/slider/5.jpg" />
  13.                 <img src="imagenes/slider/12.jpg" />
  14.  
  15.             </div>
  16.                 <script type="text/javascript">
  17.                 $(document).ready(function() {
  18.                 $('#coin-slider').coinslider({ width: 960, height: 500, links : false, effect: '', opacity: 0.0, navigation: false, delay: 5000, sDelay: 30 });
  19.                 });
  20.                 </script>
  21.         </div>
  22.         <div class="menu">
  23.                                                         <ul class="nav">
  24.                                                 <li>
  25.                                                     <a href="#">Inicio<span class="flecha"></span></a>
  26.                                                 </li>
  27.                                                 <li>
  28.                                                     <a href="#">Relojes<span class="flecha"></span></a>
  29.                                                     <ul>
  30.                                                         <li><a href="#">Colecciones<span class="flecha"></span></a></li>
  31.                                                         <li><a href="#">Colores<span class="flecha"></span></a></li>
  32.                                                     </ul>
  33.                                                 </li>
  34.                                                 <li>
  35.                                                     <a href="#">Tiendas<span class="flecha"></span></a>
  36.                                                     <ul>
  37.                                                         <li><a href="#">Sevilla capital<span class="flecha"></span></a></li>
  38.                                                         <li><a href="#">Sevilla provincia<span class="flecha"></span></a></li>
  39.                                                         <li><a href="#">Andalucía<span class="flecha"></span></a></li>
  40.                                                     </ul>
  41.                                                 </li>
  42.                                                 <li>
  43.                                                     <a href="#">Contacto<span class="flecha"></span></a>
  44.                                                 </li>
  45.                                             </ul>
  46.         </div>
  47. </div>

El problema viene a que si dejo como esta ahora, con slider arriba y menu abajo, las siguientes capas que meta en otro div distinto se visualizan perfectamente; pero si quiero dejar el menu arriba con el slider abajo, todas los div que meta a continuación se quedan "pegados" al slider...

No se si se entiende; en caso de que no, envío una imagen