Foros del Web » Creando para Internet » CSS »

problema con menu css e internet explorer 6

Estas en el tema de problema con menu css e internet explorer 6 en el foro de CSS en Foros del Web. tengo un drop down menu de varios niveles y funciona bien en menos en IE6 quisiera haber si alguien me echa la mano... este es ...
  #1 (permalink)  
Antiguo 27/03/2008, 06:09
 
Fecha de Ingreso: marzo-2008
Mensajes: 2
Antigüedad: 9 años, 8 meses
Puntos: 0
problema con menu css e internet explorer 6

tengo un drop down menu de varios niveles y funciona bien en menos en IE6 quisiera haber si alguien me echa la mano... este es el codigo:

Código:
<li class="top"><a href="#nogo60" class="top_link"><span class="down">Nosotros</span></a></li>         <ul class="sub">             <li><a href="#nogo1">Sistemas Scada</a></li>            <li><a href="#nogo2">Curriculum de la Empresa</a></li>          </ul>        <li class="top"><a href="#" id="products" class="top_link"><span class="down">Productos</span></a>           <!--[if gte IE 7]><!--></a><!--<![endif]-->          <!--[if lte IE 6]><table><tr><td><![endif]-->          <ul class="sub">            <li><a href="#" class="fly">UTR's</a></li>          <!--[if gte IE 7]><!--></a><!--<![endif]-->                <!--[if lte IE 6]><table><tr><td><![endif]-->                <ul>                  <li><a href="#">Aqualog</a></li>                  <li><a href="#nogo6">Aquaserver</a></li>                </ul>              <!--[if lte IE 6]></td></tr></table></a><![endif]-->            </li>            <li><a href="#nogo7" class="fly">Instrumentacion</a></li>          <!--[if gte IE 7]><!--></a><!--<![endif]-->                <!--[if lte IE 6]><table><tr><td><![endif]-->          <ul>                  <li><a href="#nogo8">Sensores de Presion</a></li>                  <li><a href="#nogo9" class="fly">Sensores de Flujo</a></li>                    <ul>                      <li><a href="#nogo10">Tipo Propela</a></li>                      <li><a href="#nogo11">Ultrasonicos</a></li>                      <li><a href="#nogo12">Electromagneticos</a></li>                    </ul>                  <li><a href="#nogo13" class="fly">Sensores de Nivel</a></li>                  <ul>                     <li><a href="#nogo14">Sumergibles</a></li>                     <li><a href="#nogo15" class="fly">Ultrasonicos</a></li>                       <ul>                         <li><a href="#nogo16">Marca Ohmart-Vega</a></li>                       </ul>                    </ul>              <li><a href="#nogo17">Interruptores de Nivel</a></li>                   <li><a href="#nogo18" class="fly">Propectores de Falla de Fase</a></li>                     <ul>                       <li><a href="#nogo19">DTE-443</a></li>                     </ul>            <li><a href="#nogo20" class="fly">Medidor de Parametros Electricos</a></li>                      <ul>                       <li><a href="#nogo21">Veris con Display Local</a></li>                          <li><a href="#nogo22">Veris sin Display</a></li>                     </ul>            </ul>              <!--[if lte IE 6]></td></tr></table></a><![endif]-->            </li>             <li><a href="#nogo23" class="fly">Sistema Scada</a></li>                <ul>                    <li><a href="#nogo24">DTE-3200</a></li>                    <li><a href="SIAD.html">SIAD</a></li>                </ul>            <li><a href="#nogo20" class="fly">Sistemas Inteligentes Inalambricos</a></li>                <ul>                    <li><a href="#nogo19">Control de Pozo/Tanque</a></li>                    <li><a href="#nogo19">Control de Bomba por Celular</a></li>                    <li><a href="#nogo19">Control de Bomba desde Casa</a></li>                    <li><a href="#nogo19">Control de Bomba con radios UHF/VHF</a></li>                </ul>                <li><a href="#nogo21" class="fly">Comunicacion</a></li>                <ul>                    <li><a href="#nogo19">Radio UHF</a></li>                    <li><a href="#nogo19">Radios VHF</a></li>                    <li><a href="#nogo19">Radios Spread Spectrum</a></li>                    <li><a href="#nogo19">Accsesorios</a></li>            </ul>            <li><a href="#nogo19" class="fly">Computo</a></li>                 <ul>                    <li><a href="#nogo19">Portatiles</a></li>                    <li><a href="#nogo19">Escritorio</a></li>                         <li><a href="#nogo19">Uso Rudo</a></li>                    <li><a href="#nogo19">Link a GRUPO IEC</a></li>            </ul>            <li><a href="#nogo19" class="fly">Redes de datos inalambricas para Scada</a></li>       <ul>                    <li><a href="#nogo19">Convertidoras de señal Analoga/Digital</a></li>                     <li><a href="#nogo19">Antenas de alta Ganancia</a></li>                    <li><a href="#nogo19">Transmisores de señal Inalambricos</a></li>                   </ul>                     <li><a href="#nogo19" ></a></li>           </ul>        <!--[if lte IE 6]></td></tr></table></a><![endif]-->      </li>      <li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">Servicos</span>          <!--[if gte IE 7]><!--></a><!--<![endif]-->          <!--[if lte IE 6]><table><tr><td><![endif]-->          <ul class="sub">            <li><a href="#nogo23">Instalacion y configuracion de Sistemas Scada</a></li>            <li><a href="#nogo24">Desarrollos a la medida de Sistemas de Control</a></li>            <li><a href="#nogo25">Instalacion de Redes de Datos Inalambricas</a></li>            <li><a href="#nogo26">Calibracion de Sensores</a></li>            <li><a href="#nogo26">Reparacion de Tarjetas Electronicas </a></li>            <li><a href="#nogo26">Mantenimiento preventivo y correctivo de sistemas Scada</a></li>          </ul>        <!--[if lte IE 6]></td></tr></table></a><![endif]-->      </li>      <li class="top"><a href="#nogo27" id="contacts" class="top_link"><span class="down">Especialidad</span>          <!--[if gte IE 7]><!--></a><!--<![endif]-->          <!--[if lte IE 6]><table><tr><td><![endif]-->          <ul class="sub">            <li><a href="#nogo28">Mediciones y Controles</a></li>            <li><a href="#nogo28">Inalambricos en distancias Largas</a></li>          </ul>        <!--[if lte IE 6]></td></tr></table></a><![endif]-->      </li>      <li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Enlaces</span>          <!--[if gte IE 7]><!--></a><!--<![endif]-->          <!--[if lte IE 6]><table><tr><td><![endif]-->          <ul class="sub">            <li><a href="#nogo54">CAN</a></li>            <li><a href="#nogo55">Cultura del Agua</a></li>            <li><a href="#nogo56">Informacion de Tratamiento de Agua</a></li>            <li><a href="#nogo56">Informacion de Distribucion de Agua</a></li>          </ul>        <!--[if lte IE 6]></td></tr></table></a><![endif]-->      </li>      <li class="top"></li>    </ul>
o si gustan pueden ver la pagina en www.iec-control.com
de ante mano gracias!!!
  #2 (permalink)  
Antiguo 27/03/2008, 11:15
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: problema con menu css e internet explorer 6

Hola 7pilas. Bienvenido al foro.

Si pones todo el código en una sola línea, resulta difícil entenderlo. Además deberías explicar qué es lo que no funciona bien.

Saludos,
  #3 (permalink)  
Antiguo 27/03/2008, 19:37
 
Fecha de Ingreso: marzo-2008
Mensajes: 2
Antigüedad: 9 años, 8 meses
Puntos: 0
Re: problema con menu css e internet explorer 6

Código:
<style>



.preload1 {background: url(six_0a.gif);}
.preload2 {background: url(six_1a.gif);}

#nav {
	padding:0;
	margin:0;
	list-style:none;
	height:38px;
	background:#fff url(six_0.gif) repeat-x;
	position:relative;
	z-index:200;
	font-family:arial, verdana, sans-serif;
}
#nav li.top {
	display:block;
	float:left;
	width: 150px;
}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(six_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(six_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(six_0a.gif) no-repeat right top;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(six_1.gif) no-repeat;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(six_1a.gif) no-repeat right top; padding-bottom:3px;}

#nav li:hover {position:relative; z-index:200;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{
	left:1px;
	top:38px;
	background: #FFFFFF;
	padding:13px;
	border:1px solid #0b4d97;
	white-space:normal;
	width:220px;
	height:inherit;
	z-index:300;
}
#nav :hover ul.sub li
{
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:220px;
	font-weight:lighter;
}
#nav :hover ul.sub li a
{
	display:list-item;
	font-size:9px;
	height:18px;
	width:220px;
	line-height:18px;
	text-indent:5px;
	color:#000;
	text-decoration:none;
	border:1px solid #FFFFFF;
}
#nav li ul.sub li a.fly
{
	background:#FFFFFF url(arrow.gif) 215px 6px no-repeat;
}
#nav :hover ul.sub li a:hover 
{background:#3f96a9; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{
	background:#3f96a9 url(arrow_over.gif) 215px 6px no-repeat;
	color:#fff;
}

#nav li b {
	display:block;
	font-size:11px;
	height:18px;
	width:210px;
	line-height:18px;
	margin-bottom:3px;
	text-indent:6px;
	color:#ff6;
	border-bottom:1px solid #ff6;
	cursor:default;
}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{
	left:89px;
	top:-4px;
	background: #FFFFFF;
	padding:3px;
	border:1px solid #0b4d97;
	white-space:nowrap;
	width:220px;
	z-index:400;
	height:auto;
}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:30px;
	list-style:none;
}

#nav li:hover li:hover > ul
{
	left:200px;
	top:-4px;
	background: #FFFFFF;
	padding:3px;
	border:1px solid #0b4d97;
	white-space:nowrap;
	width:220px;
	z-index:400;
	height:auto;
}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{
	background:#3f96a9 url(arrow_over.gif) 210px 6px no-repeat;
	color:#fff;
	border-color:#fff;
} 
#nav li:hover li:hover > li a.fly
{
	background:#FFFFFF url(arrow.gif) 210px 6px no-repeat;
	color:#000;
	border-color:#50b5d0;
} 


</style>
cuando abro el menu en internet explorer 6 aparese el menu pero en la liga de productos no se abre el drop down ni en nosotros y en los otros 3 si se abre pero sale algo movido .. y por eso tengo problemas en el internet explorer 6.. este es el codigo donde me marca que los ul ,, me dice que los cuadros en IE6 no toman tienen un tamaño especifico y que si el texto dentro de el es mas grande en IE6 no se ajusta automaticamente y me marca error en ya los UL.. aqui el codigo

Código:
</head>

<body>
<table width="700" border="0" align="center">
  <tr>
    <td><img src="images1/header1.jpg" alt="" width="768" height="113" /></td>
  </tr>
  <tr>
    <td><ul id="nav" name="nav">
      <li class="top"><a href="#nogo60" class="top_link"><span class="down">Nosotros</span></a></li>
      	  <ul class="sub">	
            <li><a href="#nogo1">Sistemas Scada</a></li>
            <li><a href="#nogo2">Curriculum de la Empresa</a></li>
          </ul>  
      <li class="top"><a href="#" id="products" class="top_link"><span class="down">Productos</span></a>
      
          <!--[if gte IE 7]><!--></a><!--<![endif]-->
          <!--[if lte IE 6]><table><tr><td><![endif]-->
          <ul class="sub">
            <li><a href="#" class="fly">UTR's</a></li>
          <!--[if gte IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>
                  <li><a href="#">Aqualog</a></li>
                  <li><a href="#nogo6">Aquaserver</a></li>
                </ul>
              <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
            <li><a href="#nogo7" class="fly">Instrumentacion</a></li>
          <!--[if gte IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
          <ul>
                  <li><a href="#nogo8">Sensores de Presion</a></li>
                  <li><a href="#nogo9" class="fly">Sensores de Flujo</a></li>
                    <ul>
                      <li><a href="#nogo10">Tipo Propela</a></li>
                      <li><a href="#nogo11">Ultrasonicos</a></li>
                      <li><a href="#nogo12">Electromagneticos</a></li>
                    </ul>
                  <li><a href="#nogo13" class="fly">Sensores de Nivel</a></li>
                  <ul>
                     <li><a href="#nogo14">Sumergibles</a></li>
                     <li><a href="#nogo15" class="fly">Ultrasonicos</a></li>
                       <ul>
                         <li><a href="#nogo16">Marca Ohmart-Vega</a></li>
                       </ul>  
                  </ul>  
            <li><a href="#nogo17">Interruptores de Nivel</a></li>
                   <li><a href="#nogo18" class="fly">Propectores de Falla de Fase</a></li>
                     <ul>
                       <li><a href="#nogo19">DTE-443</a></li>
                     </ul>
            <li><a href="#nogo20" class="fly">Medidor de Parametros Electricos</a></li> 
                     <ul>
                       <li><a href="#nogo21">Veris con Display Local</a></li>   
                       <li><a href="#nogo22">Veris sin Display</a></li>
                     </ul>
            </ul>
              <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
            
            <li><a href="#nogo23" class="fly">Sistema Scada</a></li>
                <ul>
                    <li><a href="#nogo24">DTE-3200</a></li>
                    <li><a href="SIAD.html">SIAD</a></li>
                </ul>
            <li><a href="#nogo20" class="fly">Sistemas Inteligentes Inalambricos</a></li>
                <ul>
                    <li><a href="#nogo19">Control de Pozo/Tanque</a></li>
                    <li><a href="#nogo19">Control de Bomba por Celular</a></li>
                    <li><a href="#nogo19">Control de Bomba desde Casa</a></li>
                    <li><a href="#nogo19">Control de Bomba con radios UHF/VHF</a></li>
                </ul>    
            <li><a href="#nogo21" class="fly">Comunicacion</a></li>
                <ul>
                    <li><a href="#nogo19">Radio UHF</a></li>
                    <li><a href="#nogo19">Radios VHF</a></li>
                    <li><a href="#nogo19">Radios Spread Spectrum</a></li>
                    <li><a href="#nogo19">Accsesorios</a></li>
            </ul>
            <li><a href="#nogo19" class="fly">Computo</a></li> 
                <ul>
                    <li><a href="#nogo19">Portatiles</a></li>
                    <li><a href="#nogo19">Escritorio</a></li>     
                    <li><a href="#nogo19">Uso Rudo</a></li>
                    <li><a href="#nogo19">Link a GRUPO IEC</a></li>
            </ul>
            <li><a href="#nogo19" class="fly">Redes de datos inalambricas para Scada</a></li> 
      <ul>
                    <li><a href="#nogo19">Convertidoras de señal Analoga/Digital</a></li> 
                    <li><a href="#nogo19">Antenas de alta Ganancia</a></li>
                    <li><a href="#nogo19">Transmisores de señal Inalambricos</a></li>   
                </ul>         
            <li><a href="#nogo19" ></a></li> 
          </ul>
        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
      </li>
solo puse el codigo para los primeros dos botones del menu pero en si para todo el menu es lo mismo gracias de nuevo por tomarse la molestia de ayudar
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 00:30.