Foros del Web » Creando para Internet » CSS »

problema con Explorer7 (solamente) y menus desplegables

Estas en el tema de problema con Explorer7 (solamente) y menus desplegables en el foro de CSS en Foros del Web. Hola gente , despúes de unos cuantos dias probando la web con todos los navegadores me di cuenta q tenía instalado Explorer 8 , y ...
  #1 (permalink)  
Antiguo 03/03/2010, 13:26
Avatar de Dundee  
Fecha de Ingreso: junio-2002
Ubicación: El Médano
Mensajes: 1.310
Antigüedad: 15 años, 5 meses
Puntos: 8
problema con Explorer7 (solamente) y menus desplegables

Hola gente , despúes de unos cuantos dias probando la web con todos los navegadores me di cuenta q tenía instalado Explorer 8 , y mi sorpresa es que al probarlo con el 7 me suceden dos cosas que no consigo resolver:

1. El Submenu (pinchando en productos) en la página de inicio y quienes somos no funciona (¿porque sale una película con javascript? ). Si se pincha por ejemplo en contacto si funciona pero....

2 Como decía pinchando en contacto si funciona pero hay un problema , y es la separación que existe entre el li y el ul por lo que no hay narices de pinchar en un elemento del submenú .

Espero haberme explicado bien ; la web es esta.

Y el css este:
Código:
#header .menu{padding:44px 0 0 390px; z-index:1  }

.fuente_menu_top {font-weight:bolder}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
  
.menuTop {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; }

#header ul.menuTop{margin-top:-26px; padding:0; list-style:none; float:right; position: relative;
 margin-right:45px}
/* Sólo para li de primer nivel */
#header ul.menuTop > li{ 
margin:0;
position:relative;
 width:120px;
 display:inline; 
 color:#FFFFFF;; 
 }
 /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */

{   }
#header ul.menuTop .last a{background:none}
#header ul li .current{ color:#fff; text-decoration:none; background:url(images/bg_menu-actB.gif) top left no-repeat;  }
/*
#header ul li a:hover { color:#fff; text-decoration:none; background:url(images/bg_menu-act.gif) top left no-repeat;}
*/


#header ul.menuTop .current { 
 background:url(images/bg_menu-actBlue.gif) top right no-repeat; 
text-decoration:none; width:105px; 
text-align:center; 
display:block;
 float:left;
  line-height:26px;
   padding-right:9px
   } 
/* #header ul.menuTop > li a:hover { color:#fff; text-decoration:none; background:url(images/bg_menu-act2.gif) top left no-repeat;} */
#header ul.menuTop  > li .current{ color:#ffffff; text-decoration:none; background:url(images/bg_menu-actGreen.gif) top left no-repeat;  }

#header ul.menuTop  > li:hover .current{ text-decoration:none; 
/* background:url(images/overMenu.png) 5px -4px   no-repeat;*/ border:0px #FFFF00 solid; margin-right:0px;
color:#FFCC33
  }

/* afecta a  los ul debajo de submenu */
.submenu ul{background-color: transparent; color:#FFFFFF;  width:120px; margin-top:0px } 
.subsubmenu {margin:1px 0 0 28px;width:110px; z-index:2} /* afecta solo a el primer ul hijo del primer submenú */
.subsubmenu ul,.subsubmenu2 ul{width:80px;background-color: transparent;color:#FFFFFF;}

.submenu,.subsubmenu1,.subsubmenu2 {font-weight:bolder} /* tipo de letra submenus */
.subsubmenu2{margin:40px 0 0 27px;width:110px; } /* afecta solo a el segundo ul hijo del primer submenú */

/* afecta a la lista del submenu */
li ul {
  display: none;
  position: absolute; 
  top: 0em;
  left: 0;
  z-index:1
  }


.submenu  li {
	background-color:#386a5f;
	opacity:0.75;
	filter:alpha(opacity=75);
	width:113px;
	padding:5px 0 5px 0;

}
.submenu .first {margin-top:5px}
.submenu a {color:#FFFFFF; text-decoration:none;}
.submenu a:hover {color:#FFCC33}  /* color de texto al ponerse encima de un item de los submenus */
.submenu li:hover {color:#FF6600; background-color:#000000; background-position:bottom;
opacity:0.65;
	filter:alpha(opacity=65);
}
#header ul.menuTop .last a{width:99px; padding-right:0} 



ul li ul
{
   position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
   left:85px; /* Para que no monte sobre el <li> */
   top:0px;
   display:none;
   list-style:none;
   color:#FFFFFF;
   
}
/*para las propiedades de distancia arriba y a la izquierda en los demás navegadores que no sean IE */
li > ul {
	top: auto;
	left: auto;
	}

/* afecta a todas las ul que están por debajo de un elemento li  */
ul.menuTop li:hover > ul
{
   display:block; /* lo convierte en un elemento de bloque */  
}

ul.menuTop > li > ul /* Solo para los ul debajo de los li de primer nivel. */
{

 border:#009900 0px solid; 
   position:absolute;
   left:-227px;
   top:32px;
   display:none;
   list-style:none;
   z-index:1;
   color:#FFFFFF;  
   width:120px;
   text-align:center;
  

  
}
/* fondo del top_menu */
.bgMenuTop { background-image:url(images/menuBg.png)  ;
background-repeat:no-repeat; 
position:relative;
background-position:bottom ;
width:480px;
height:55px;
border:0px solid #CC3366 ;
margin-top:-33px;
z-index:0

}
__________________
Videotutoriales de Drupal
  #2 (permalink)  
Antiguo 04/03/2010, 10:02
Avatar de Dundee  
Fecha de Ingreso: junio-2002
Ubicación: El Médano
Mensajes: 1.310
Antigüedad: 15 años, 5 meses
Puntos: 8
Respuesta: problema con Explorer7 (solamente) y menus desplegables

Ya lo he solucionado !! , la solución estaba como no aquí en foros del web

Un saludo
__________________
Videotutoriales de Drupal

Etiquetas: desplegables, explorer, menus
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 06:02.