Hola Muchachos !!
Tengo un problema de solapamiento.
Estoy haciendo una pagina donde tengo un menu (Fixed) y abajo de este un slide.
El problema es que el menu queda sobre el slide y no a continuación como quisiera yo.
no logro detectar el error y quizás sea muy sencillo.
El html esta así
Código:
<!-- NAV SECTION -->
<div class="fixed">
<div id="menuzord" class="menuzord blue">
<a href="#" class="menuzord-brand"><img src="images/albalux_logo.png" alt=""/></a>
<ul class="menuzord-menu">
<li class="active"><a href="#">HOME</a></li>
<li><a href="#">HISTORIA</a></li>
<li><a href="#">NUESTRAS MARCAS</a></li>
<li><a href="#">SUCURSALES</a></li>
<li><a href="#">CONTACTO</a></li>
</ul>
</div>
</div>
<!-- Slider -->
<div class="cycle-slideshow">
<span class="cycle-prev">〈</span>
<span class="cycle-next">〉</span>
<span class="cycle-pager"></span>
<img src="images/full-abx.jpg" alt="">
<img src="images/full-ultra.jpg" alt="">
</div>
El CSS del menu tiene estas propiedades:
Código:
.menuzord{
width: 100%;
padding: 0 60px;
float: left;
position: relative;
background: #fff;
}
Mientras que el del slide tiene estas
Código:
.cycle-slideshow {
width: 100%;
display:block;
position:relative;
margin:0 auto;
}
Alguien que pueda ayudarme please !!
Gracias !!