Ver Mensaje Individual
  #294 (permalink)  
Antiguo 08/10/2010, 02:03
JJAT80
 
Fecha de Ingreso: octubre-2010
Mensajes: 2
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Menu desplegable 100% CSS

Hola estoy utilizando el menu desplegable nº 5: http://chopinete.onlinewebshop.net/ en la barra izquierda, el tema es que con IE 6 y con mozilla se ve correctamente, pero con IE 7 y con IE 8, no se ve nada del menu, el codigo del menu es este:

<div id="menu">
<ul>
<li class="nivel1 primera"><a href="#" class="nivel1">Peces Marinos</a>

<!--[if lte IE 6]> <!--[if lte IE 7]> <!--[if lte IE 8]><a href="#" class="nivel1ie">
Peces Marinos<table class="falsa"><tr><td>
<![endif]-->
<ul>
<li class="primera"><a href="#">Acanthuridos (Peces Cirujano)</a></li>
<li><a href="#">Blenios, Gobios y Labridos</a></li>
<li><a href="#">Chaetodones (Peces Mariposa)</a></li>
<li><a href="#">Gasterostiformes(Caballitos, Pipas...)</a></li>
<li><a href="#">Pomacanthidos (Peces Angel)</a></li>
<li><a href="#">Pomacentridos (Payasos y Damiselas)</a></li>
<li><a href="#">Peces Ballesta, Halcon y Escorpion </a></li>
<li><a href="#">Serranidos y Anthias</a></li>
<li><a href="#">Otros Peces Marinos</a></li>

</ul>
<!--[if lte IE 6]><!--[if lte IE 7]> <!--[if lte IE 8]></td></tr></table></a><![endif]-->
</li>
<li class="nivel1"><a href="#" class="nivel1">Corales e Invertebrados</a>

<!--[if lte IE 6]><a href="#" class="nivel1ie">Corales e Invertebrados<table class="falsa"><tr><td>
<![endif]-->
<ul>
<li class="primera"><a href="#">Anemonas</a></li>
<li><a href="#">Coral Blando</a></li>
<li><a href="#">Coral Duro LPS</a></li>
<li><a href="#">Coral Duro SPS</a></li>
<li><a href="#">Crustaceos, Camarones...</a></li>
<li><a href="#">Estrellas y Erizos</a></li>
<li><a href="#">Tridacnas y Bivalvos</a></li>
<li><a href="#">Otros Invertebrados</a></li>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel1"><a href="#" class="nivel1">Roca, Sustrato, Alga</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Roca, Sustrato, Alga<table class="falsa"><tr><td>
<![endif]-->
<ul>
<li class="primera"><a href="#">Algas Marinas</a></li>
<li><a href="#">Roca Viva y Roca Base</a></li>
<li><a href="#">Sustratos</a></li>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel1"><a href="#" class="nivel1">Acuario de Agua Dulce</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Acuario de Agua Dulce<table class="falsa"><tr><td>
<![endif]-->
<ul>
<li class="primera"><a href="#">Bettas</a></li>
<li><a href="#">Discos</a></li>
<li><a href="#">Escalares</a></li>
<li><a href="#">Plantas Acuaticas</a></li>
<li><a href="#">Resto Animales Acuaticos</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel1"><a href="#" class="nivel1">Productos Acuariofilia</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Productos Acuariofilia<table class="falsa"><tr><td>
<![endif]-->
<ul>
<li class="primera"><a href="#">Aditivos</a></li>
<li><a href="#">Alimentacion</a></li>
<li><a href="#">Bombas y Circulacion del Agua</a></li>
<li><a href="#">Enfriadores/Calentadores</a></li>
<li><a href="#">Iluminacion</a></li>
<li><a href="#">Reactores</a></li>
<li><a href="#">Sal Sintetica</a></li>
<li><a href="#">Skimmers</a></li>
<li><a href="#">Urnas y Sumps</a></li>

como veis al primer nivel del menu le he añadido esto:<!--[if lte IE 7]> <!--[if lte IE 8]> que como podeis ver no esta en los siguientes primeros niveles ya que al no verse en IE 7 y 8, intente hacer una prueba a ver si asi se veia, pero tampoco se ve con este sistema.
Si le cambio el html y le indico:
<!--[if lte IE *]><a href="#" class="nivel1ie">
si que se ve en IE 7 y 8 el menu, pero entonces tengo el problema de que se ve tambien en la web la orden <!--[if lte IE *]> y no queda bien ya que aparece encima de cada nivel del menu dicha orden que en teoria tendria que estar oculta.
Alguien saber como resolver el problema y hacer que se vea correcto en IE 7 y 8??

De la hoja de estilos solo he cambiado el color del fondo y de los enlaces el resto es igual que la que tenemos en el foro.