Foros del Web » Creando para Internet » CSS »

Solapamiento de Capas

Estas en el tema de Solapamiento de Capas en el foro de CSS en Foros del Web. Hola Muchachos !! Tengo un problema de solapamiento. Estoy haciendo una pagina donde tengo un menu (Fixed) y abajo de este un slide. El problema ...
  #1 (permalink)  
Antiguo 28/10/2015, 12:28
Avatar de DjDance
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Santiago de Chile
Mensajes: 775
Antigüedad: 18 años, 2 meses
Puntos: 80
Solapamiento de Capas

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 !!
__________________
My Music xD
http://soundcloud.com/dj-dance-1

Etiquetas: background, capas, float, html, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:46.