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:
Cita: <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><![endif]-->
<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><![endif]--> </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><![endif]-->
<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><![endif]--> </li>
CSS:
Cita: * {
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;}
#col {margin: 0px;padding: 0px; outline: 0; height:100%}