Tema: Problemas con menu en IE y Opera
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 17/06/2013, 16:56
veeeeck
 
Fecha de Ingreso: enero-2012
Mensajes: 35
Antigüedad: 12 años, 10 meses
Puntos: 2
Respuesta: Problemas con menu en IE y Opera
Cita:
Iniciado por pitufoweb Ver Mensaje
Pon el link de tu web para ver donde esta el error .



Saludos
No puedo compartir mi web, ya que no puedo abrir los puertos de mi router en este momento. Pero he revisado mi css y no encuentro el error :(

Código CSS: 
Ver original
  1. #main-menu-wrap{width:100%;background-color:white;}
  2.  
  3. #main-menu{
  4. font-size: 12px;
  5. width:1000px;
  6. background:#333333;
  7. padding-left:0px;
  8. border-bottom:1px solid #fff;
  9. }
  10.  
  11. #main-menu a {
  12. display: block;
  13. }
  14.  
  15. #main-menu ul {
  16. margin: 0; 
  17. padding: 0px 6px 0px 0px; 
  18. line-height: 100%; 
  19. font: normal 12px Arial, Helvetica, sans-serif; }
  20.  
  21. #main-menu li {
  22. margin: 0 0px;
  23. float: left;
  24. position: relative;
  25. list-style: none;
  26. width:100px;
  27. text-align:center;
  28.  
  29.  }
  30.  
  31. #main-menu a,
  32. #main-menu a:link {
  33. font-weight: bold; 
  34. color: #cdcdcd; 
  35. text-decoration: none; 
  36. display: block; 
  37. padding: 12px 0px 12px 0px;
  38. margin: 0; 
  39. border-right:1px solid #666666;
  40. }
  41.  
  42. #main-menu ul li li a:link {
  43. font-weight: bold; 
  44. color: #fff; 
  45. text-decoration: none; 
  46. display: block; 
  47. padding: 8px 0px 8px 10px;
  48. margin: 0; 
  49. background:#4f4f4f; 
  50. }
  51.  
  52. #main-menu a:hover {
  53. background: #4f4f4f; 
  54. color: #fff;}
  55.  
  56. #main-menu .active a, 
  57. #main-menu li:hover > a {
  58. background:#4f4f4f;
  59. color: #fff; 
  60.  }
  61.  
  62. #main-menu li:hover li a {
  63. font-size:12px;
  64. border: none; 
  65. color: #fff; 
  66. }
  67.  
  68. #main-menu ul  li:hover li a {
  69. font-size:12px;
  70. border: none; 
  71. color: #cdcdcd; 
  72. }
  73.  
  74. #main-menu ul ul a:hover {
  75. background:  #666666 !important;
  76. color: #fff !important;background-color:red; }
  77.  
  78. #main-menu li:hover > ul {display: block;}
  79.  
  80. #main-menu ul ul {
  81. display: none; 
  82. margin: 0; 
  83. padding: 0; 
  84. width: 185px; 
  85. z-index: 60;
  86. position: absolute; 
  87. top: 38px; 
  88. background: transparent;}
  89.  
  90. #main-menu ul ul ul {
  91. display: none; 
  92. margin: 0; 
  93. padding: 0; 
  94. width: 185px; 
  95. z-index: 60;
  96. position: absolute; 
  97. left: 181px; 
  98. top:0px;
  99. background: transparent;
  100. } 
  101. #main-menu ul ul li {float: none; margin: 0;padding: 0px 0px 0px 0px; border-bottom: 1px solid #666666;border-right:1px solid #333333;border-left:1px solid #333333; width:180px;text-align:left;}
  102. #main-menu ul ul ul li {float: none; margin: 0; padding: 0px 0px 0px 0px; border-top:1px solid #666666;width:180px;text-align:left;}
  103. #main-menu ul ul a {font-weight: normal; }
  104. #main-menu ul:after {content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  105. * html #main-menu  ul {height: 1%;}