Foros del Web » Creando para Internet » CSS »

Problema con position FIXED

Estas en el tema de Problema con position FIXED en el foro de CSS en Foros del Web. Hola abro otro tema, porque encontre el problema pero aun no la solucion!! tengo un menu normal y sencillo ... el problema es que al ...
  #1 (permalink)  
Antiguo 27/03/2016, 19:34
 
Fecha de Ingreso: marzo-2016
Mensajes: 3
Antigüedad: 8 años
Puntos: 0
Problema con position FIXED

Hola abro otro tema, porque encontre el problema pero aun no la solucion!!
tengo un menu normal y sencillo ... el problema es que al poner position fixed hace que los links no me funcionen.. o sea al pasar el mouse encima de mi menu no aparece la tipica "manito" y por lo tanto no puedo acceder a los links... no entiendo como solucionarlo pleaaaas AYUDAAAA

Código HTML:
Ver original
  1. <div id="menu">
  2.         <ul>
  3. <li class="sin"> <a href="http://cargocollective.com/consuelovalle/filter/editorial/">Editorial  </a></li>
  4. <li><a href="http://cargocollective.com/consuelovalle/filter/personal/">Personal  </a></li>
  5. <li><a href="http://cargocollective.com/consuelovalle/filter/videos/">Videos</a></li>
  6.  
  7.         </ul>
  8.         </div>
aqui mi css....
Código CSS:
Ver original
  1. #menu{
  2.      height:auto; /*Junto a overflow: hidden; aplicará a nuestro elemento nav el mismo alto que el más alto de sus elementos hijos */
  3.      margin: 0 auto; /* Centro el contenedor */
  4.      overflow: hidden;
  5.      text-align: left;
  6.      width:100%; /* Defino el ancho de mi página */
  7.      background: pink;
  8.     position: fixed;
  9.     z-index: 100;
  10.    
  11.         }
  12.  
  13.  
  14.  #menu ul{
  15.         float: left;
  16.         list-style-type: none;
  17.         padding: 0;
  18.         position: relative;
  19.         left: 50%;
  20.         margin-top: 5px;
  21.         margin-bottom: 5px;
  22.      
  23.         }
  24.    
  25.  #menu li{
  26.         float: left; /* Floto los li para que se dispongan horizontalmente */
  27.         position: relative;
  28.         right: 50%;
  29.      
  30.         }
  31.  
  32. #menu li a{
  33.         padding: 15px;
  34.            
  35.         }
  36.  
  37. #menu ul a{ text-decoration: none; font-size: 14px; color:#ffffff;
  38.        
  39.         }
  40.  
  41.  
  42. #menu ul > li:before{
  43.     content: "–";
  44.     position: absolute;
  45.     margin-left:-1px;
  46.     margin-top: 0px;
  47.     color: #ffffff;
  48.     font-size: 15px;
  49. }
  50.  
  51. #menu ul > li.sin:before{
  52.     color: transparent;
  53.  
  54. }
  55.  
  56. #menu ul a:hover{
  57.     color:#fffff;
  58.     background:red;
  59. }
  #2 (permalink)  
Antiguo 28/03/2016, 00:54
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 6 meses
Puntos: 40
Respuesta: Problema con position FIXED

Hola

El problema no es el menú, sin mas info (como un link o un print), asumo que el problema es el contenido fuera del menú, un problema de z-index, tal vez el contenedor del contenido tenga posición relativa, bueno hay otro elemento con otro posicionamiento que lo tapa.
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 01/04/2016, 10:55
Avatar de g3kdigital  
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 10 años, 5 meses
Puntos: 39
Respuesta: Problema con position FIXED

Como dice willyfc, quizás se trate de un problema de apilamiento de capas, que con z-index se podría solucionar o de tamaños, prueba con:

Código CSS:
Ver original
  1. #menu ul a
  2. {
  3. /*tus estilos*/
  4. display: block;
  5. height: 4em /*o lo que quieras*/
  6. }

Si el problema persiste, puede ser un problema de transformaciones 3D.
__________________
Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso.

WEB: G3K.co | codepen.io/g3kdigital

Etiquetas: background, color, fixed, float, position, 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 05:50.