Hola webmasters.
Ok me encontre con el problema de que mi menu css no funciona en ie6 (entre otras cosas)
Quiero saber si em ayudan a modificar el codigo para hacerlo compatible:
CSS:
Intente añadiendo un js por las dudas de unas librerias que decian cargar propiedades para comodar
Pero tampoco funciono..
Añadi en head:
Pero tampoco me lo soluciono.
Es decir queda un espacio entre el menu inicial y los sumenus (un centimetro) que no me permite llevar el raton hacia arriba del submenu para usarlo. (en ese centimetro vacio se pierde el link del submenu y este se contrae)
[contenido no disponible]
Y el otro error que encuentro es que los submenus aparecen correctamente , pero el menu inicial me aparece mas chico de lo que deberia ser (la caja del texto cone l link no tiene la altura deseada.)
Ok me encontre con el problema de que mi menu css no funciona en ie6 (entre otras cosas)
Quiero saber si em ayudan a modificar el codigo para hacerlo compatible:
<div id="menues">
<ul> <li class="nivel1 primera" style="border-top:2px #9ac1c3 solid"><a href="#" class="nivel1">Cont</a>
<!--[if lte ie 6]><a href="#" class="nivel1ie">opción 1<table class="falsa"><tr><td><!-->
<ul class="nivel2"><li class="primera" style="border-top:2px #9ac1c3 solid">
</li><li><a href="#">Reg</a></li>
<!--[if lte ie 6]></td></tr></table></a><!--> </li>
<li class="nivel1 primera"><a href="#" class="nivel1">Ba</a>
<!--[if lte ie 6]><a href="#" class="nivel1ie">L<table class="falsa"><tr><td><!-->
<ul class="nivel2">
<li class="primera" style="border-top:2px #9ac1c3 solid"><a href="#">Pres</a></li>
<!--[if lte ie 6]></td></tr></table></a><!--> </li>
CSS:
* {
padding: 0px;
outline: 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
html, body { width: 100%;}
body {
font-family: Verdana, arial,
helvetica, sans-serif;
height: inherit;
background-image: url(fondo.jpg);
}
#menues {
font-size: 0.7 em;
width: 225px;
float: left;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 0px;
}
#menues ul { list-style-type: None;}
#menues ul li.nivel1 { width: 220px;}
#menues ul li { text-align: Center;}
#menues ul li.primera { border-top: Solid 1px #fff;}
#menues ul li a {display: Block;text-decoration: None;color:
#000;background-color: #e6ecee;border: Solid 2px #9ac1c9;border-top: None;
padding: 8px 8px 9px;position: Relative;font-weight:bold;font-size:12px;
text-align:left;display:block;}
#menues ul li:hover {position: Relative;background-color: #399;color: #000;}
#menues ul li a:hover,
#menues ul li:hover a.nivel1 {background-color: #D2DFE3;
color: #000;position: Relative;}
#menues ul li a.nivel1 {display: Block!important;display: None;
position: Relative;}
#menues ul li ul {display: None;}
#menues ul li:hover > ul {display: Block;position: Absolute;left: 220px;
top:-1px;}
#menues ul li ul li a {width: 220px;background-color: #E6ECEE;
color: #000;position: Relative;}
#menues ul li ul li a:hover {position: Relative;background-color: #D7DFE2;
color: #000;}
#menues ul li a.nivel1ie {width: 220px;padding: 0px;}
#menues ul li a.subnivel {padding-bottom: 8px;}
#menues ul li a:hover ul.nivel2,
#menues ul.nivel2 li a:hover ul.nivel3,
#menues ul.nivel3 li a:hover ul.nivel4 {display: Block;position: Absolute;
left: 238px;top:-1px;}
table.falsa {border-collapse:collapse;border:0px;
float: Left; position: relative;}
#col {margin: 0px;padding: 0px; outline: 0; height:100%}
Intente añadiendo un js por las dudas de unas librerias que decian cargar propiedades para comodar
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<!-->
Pero tampoco funciono..
Añadi en head:
<!--[if IE]><style>#menu ul li span.nivel1 {display: none;}#menu ul li.nivel1 {margin-bottom:-1px}#menu ul li a:active ul {margin-bottom: 1px;}</style><!-->
Pero tampoco me lo soluciono.
Es decir queda un espacio entre el menu inicial y los sumenus (un centimetro) que no me permite llevar el raton hacia arriba del submenu para usarlo. (en ese centimetro vacio se pierde el link del submenu y este se contrae)
[contenido no disponible]
Y el otro error que encuentro es que los submenus aparecen correctamente , pero el menu inicial me aparece mas chico de lo que deberia ser (la caja del texto cone l link no tiene la altura deseada.)