Foros del Web » Creando para Internet » CSS »

Submenú desplegable se corre en IE6

Estas en el tema de Submenú desplegable se corre en IE6 en el foro de CSS en Foros del Web. Hola! Qué tal? Tengo un menú con submenúes desplegables que funciona con jQuery. El submenú es un div con display: none; que lo muestro al ...
  #1 (permalink)  
Antiguo 16/09/2010, 10:48
Avatar de fakulicious  
Fecha de Ingreso: mayo-2008
Ubicación: Mendoza
Mensajes: 140
Antigüedad: 9 años, 7 meses
Puntos: 2
Pregunta Submenú desplegable se corre en IE6

Hola! Qué tal?

Tengo un menú con submenúes desplegables que funciona con jQuery. El submenú es un div con display: none; que lo muestro al pasar el mouse por encima del link del menú.

El problema es que en IE6 se ve corrido, en vez de verse debajo del link del menú, se ve al costado derecho, justo donde termina la caja del link del menú.

El link para que vean lo que digo es: http://estudiopronet.com/clientes/santaana/5/

En HTML tengo:

Código HTML:
 <div id="menuHeader">
	<a href="./">Inicio</a>
	<div class="contenedorSubmenu">
		<a href="#">Farmacia</a>
    	<div class="submenu">
        	<a href="promociones-del-sector.php">Promociones del sector</a>
            <a href="prepagas.php">Obras Sociales y Prepagas</a>
            <a href="http://www.salud.mendoza.gov.ar/archivos/fcia_turnos/Lujan.pdf" target="_blank">Turnos</a>
		</div>
	</div>
	<div class="contenedorSubmenu">
		<a href="#">Perfumería y Dermocosmética</a>
    	<div class="submenu">
        	<a href="fragancias.php">Fragancias</a>
        	<a href="eventos-perfumeria.php">Calendario de eventos</a>
		</div>
	</div>
	<a href="promociones.php">Promociones</a>
	<div class="contenedorSubmenu">
		<a href="#">Grupo Bienestar</a>
    	<div class="submenu">
        	<a href="grupo-bienestar.php">Requisitos y adquisición</a>
        	<a href="http://grupobienestar.com.ar/contents/services" target="_blank">Servicios</a>
            <a href="http://grupobienestar.com.ar/" target="_blank">Sitio oficial</a>
		</div>
	</div>
	<div class="contenedorSubmenu">
		<a href="vacunatorio.php">Vacunatorio</a>
    	<div class="submenu">
        	<a href="vacunatorio.php">Horario y lugar de colocación</a>
            <a href="info-vacunatorio.php">Información</a>
		</div>
	</div>
	<a href="contacto.php">Contacto</a>
	<a href="login.php">Acceso Clientes</a>
</div> 
Los que tienen submenú son los que están dentro de <div class="contenedorSubmenu">


Y en CSS tengo:

Código:
#menuHeader {
	background-color: #00984A;
	padding: 0px;
	height: 40px;
	width: 980px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #33AD6E;
}
#menuHeader a:link, #menuHeader a:visited {
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	height: 30px;
	padding-top: 10px;
	margin-top: -10px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #33AD6E;
}
#menuHeader a:hover {
	border-top-color: #CCEADB;
	color: #00984A;
	background-color: #E5F4ED;
}
#menuHeader a.linkHover {
	border-top-color: #CCEADB;
	color: #00984A;
	background-color: #E5F4ED;
}

.contenedorSubmenu {
	float: left;
	width: auto;
}
#menuHeader .submenu{
	position: absolute;
	top: 280px;
	display: none;
	background-image: url(../images/bgMenu.png);
	font-size: 11px;
	width: auto;
}
#menuHeader .submenu a {
	float: none;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 25px;
}
#menuHeader .submenu a:hover {
	color: #00984A;
	background-color: #000;
}

Qué es lo que tendría que modificar para que se vea bien en todos los exploradores? Imagino que hay alguna propiedad CSS que IE6 no interpreta de la manera correcta.

Espero que alguien pueda ayudarme. Saludos.
__________________
Facundo
http://www.creactivo.com.ar
  #2 (permalink)  
Antiguo 17/09/2010, 07:05
Avatar de fakulicious  
Fecha de Ingreso: mayo-2008
Ubicación: Mendoza
Mensajes: 140
Antigüedad: 9 años, 7 meses
Puntos: 2
Respuesta: Submenú desplegable se corre en IE6

Alguien que me pueda ayudar con ésto?

Gracias. :)
__________________
Facundo
http://www.creactivo.com.ar
  #3 (permalink)  
Antiguo 17/09/2010, 08:12
 
Fecha de Ingreso: marzo-2009
Ubicación: Santo André - São Paulo - Brasil
Mensajes: 91
Antigüedad: 8 años, 8 meses
Puntos: 1
Respuesta: Submenú desplegable se corre en IE6

La manera mas rapida que yo podria ayudarte és hacer como los grandes hacen. no piense en IE6. Ayer Microsoft prenseto lo IE9. IE6 és vierro y ultrapassado, olvide de los browsers com mas de 8 anos. Muestre un mensaje para lo usuario dicindo que lo sitio no tiene suporte para lo IE6. Solo continue haciendo para IE6 si vos no tuvier otro forma de hacerlo.
__________________
Exitem 11 tipos de personas. Las personas que comprendem binario. Y las personas que no comprende.

Tudo en la vida és sencillo o muy sencillo.
  #4 (permalink)  
Antiguo 17/09/2010, 11:38
Avatar de fakulicious  
Fecha de Ingreso: mayo-2008
Ubicación: Mendoza
Mensajes: 140
Antigüedad: 9 años, 7 meses
Puntos: 2
Respuesta: Submenú desplegable se corre en IE6

Me encantaría poder hacer eso, creeme. Jajaja! Pero El cliente tiene IE6, y mucha gente lo sigue utilizando. Si o si tengo que hacer que se vea bien.
__________________
Facundo
http://www.creactivo.com.ar

Etiquetas: desplegable
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 20:18.