Foros del Web » Creando para Internet » CSS »

No se ve menu flotante en IE

Estas en el tema de No se ve menu flotante en IE en el foro de CSS en Foros del Web. Hola, esta web que hice www.riocristalzinc.com , en firefox se ve el menu de la izquierda normal si paso el cursor sale un menu flotante, ...
  #1 (permalink)  
Antiguo 21/05/2009, 16:32
 
Fecha de Ingreso: diciembre-2006
Mensajes: 381
Antigüedad: 11 años
Puntos: 2
No se ve menu flotante en IE

Hola, esta web que hice www.riocristalzinc.com , en firefox se ve el menu de la izquierda normal si paso el cursor sale un menu flotante, pero en IE6 no se ve el menu flotante.

pueden ayudarme?

Código HTML:
#mainlevel{

margin:0;

padding:0;}

#active_menu{

margin:0;

padding:0;}

#left .module-leftmenu {

line-height:normal;

/*margin:0;*/

padding:0;

/*margin-bottom:8px;*/

}

#left .module-leftmenu ul {

margin:0pt;

padding:0pt;

}

#left .module-leftmenu li {

background:transparent none repeat scroll 0%;

cursor:pointer;

margin:0pt;

padding:0pt;

}

#left .module-leftmenu  li ul {

	width: 15.4em;

	position: absolute; /* second-level lists */

	z-index: 99;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	height: auto;

	w\idth: 14.9em;

}

#left .module-leftmenu li ul {

	margin: -1.6em 0 0 13em;

}

.wide #left .module-leftmenu li ul {

margin:-1.6em 0pt 0pt 15.5em;

}

#left .module-leftmenu li ul ul {

margin:-1.5em 0pt 0pt 12em;

}

.wide #left .module-leftmenu li ul ul {

margin:-1.5em 0pt 0pt 12em;

}



#left .module-leftmenu li li  {

	padding: 0 1em 0 0;

	margin: 0;

	width: 13.9em;

}



#left .module-leftmenu ul a {

	width: 13.8em;

	w\idth: 9.8em;

}



#left .module-leftmenu li:hover ul ul, #left .module-leftmenu li:hover ul ul ul, #left .module-leftmenu li.sfhover ul ul, #left .module-leftmenu li.sfhover ul ul ul {

	left:-999em;

}



/* This "unhides" the sub-menus (left: -999em is what hides them) */

#left .module-leftmenu li:hover ul, #left .module-leftmenu li li:hover ul, #left .module-leftmenu li li li:hover ul, #left .module-leftmenu li.sfhover ul, #left .module-leftmenu li li.sfhover ul, #left .module-leftmenu li li li.sfhover ul {

	left:auto;

}





/* STYLING THE MENU

-----------------------------------*/



#left .module-leftmenu li ul {

	border: 1px solid #C0C0C0;

	background: url(../images/child-bg.gif) top #F2F2F2;

}



#left .module-leftmenu li ul a {

	font-size: 11px;

	text-transform: none;

}



#left .module-leftmenu li ul a:hover {

	background: none;

	color: #3F89C3;

}

#left .module-leftmenu li a {

	margin: 0;

	width:90%;

	padding: 0 0 0 10px;

	background-image:url(../images/b-left.gif);

	background-repeat:no-repeat;

	text-decoration:none;

	color:#516a80;

	display: block;

	height: 25px;

	line-height: 25px;

	/*text-transform:uppercase;texto en mayusculas*/

}



#left .module-leftmenu li a:hover {

	width:90%;

	color:#3981b8;

	background-image:url(../images/b-left-hover.gif);

	background-repeat:no-repeat;

	padding: 0 0 0 10;

}

#left .module-leftmenu li a.active, 

#left .module-leftmenu li a.active:hover, 

#left .module-leftmenu li a.active:active {



	background:#FFFFFF url(../images/bullet-menu.gif) no-repeat scroll left top;

	color:#3F89C3;

	font-weight:bold;

}



#left .module-leftmenu li li a.active,

#left .module-leftmenu li li a.active:hover,

#left .module-leftmenu li li a.active:active {

background:transparent none repeat scroll 0%;

color:#3F89C3;

font-weight:normal;

text-decoration:underline;

}

#left .module-leftmenu li.havechild {

}

#left .module-leftmenu li.havesubchild {

	background:transparent url(../images/arrow-child.gif) no-repeat scroll right center;

}

#left .module-leftmenu li:hover,

#left .module-leftmenu li.sfhover {

	background:#FFFFFF url(../images/bullet-menu.gif) no-repeat scroll left top;

	color:#3F89C3;

}

#left .module-leftmenu ul li:hover,

#left .module-leftmenu ul ul li:hover,

#left .module-leftmenu ul li.sfhover,

#left .module-leftmenu ul ul li.sfhover {

	background:transparent none repeat scroll 0%;

	color:#3F89C3;

}

#left .module-leftmenu ul ul li a {

background:transparent none repeat scroll 0%;

font-weight:normal;

padding: 0 10px;

}
  #2 (permalink)  
Antiguo 21/05/2009, 17:49
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: No se ve menu flotante en IE

Saludos!!

Lamento informarte que IE6 no reconoce el :hover sobre los elementos CSS.

Te dejo una posible solucion que seguro te ayuda. Hover en IE6

Espero que te sirva, Hasta Luego!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 21/05/2009, 17:54
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: No se ve menu flotante en IE

Mira tu página
Cita:
AVAST AVISA DE INTENTO DE INSTALAR TROYANO
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 21/05/2009, 18:21
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: No se ve menu flotante en IE

Cita:
Iniciado por kseso? Ver Mensaje
Mira tu página
<offtopic>
Entonces, hago publica una disculpa a el servidor de la universidad en el que estoy...

Espero que no pase nada malo... Pero esa es una razon mas para usar Software Libre!!
</offtopic>
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
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 10:47.