Ver Mensaje Individual
  #3 (permalink)  
Antiguo 27/03/2008, 18:37
7pilas
 
Fecha de Ingreso: marzo-2008
Mensajes: 2
Antigüedad: 16 años
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