Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/10/2008, 12:33
jaime11
 
Fecha de Ingreso: octubre-2008
Mensajes: 8
Antigüedad: 15 años, 5 meses
Puntos: 0
Problema hoja de estilo de lista con explorer

Hola a todos!!

Ante todo daros la enhorabuena a todos los participantes del foro. Os he descubierto hace poco y me habeis sacado de muchas dudas. Es la primera vez que escribo.

Os explico, estoy haciendo un menu desplegable en horazontal, y que luego se despliega en vertical. Hay ya solución en el foro para ello, pero mi problema no es el menu desplegable, sino la barra horizontal. No consigo que explorer coja todo el ancho que yo quiero de la lista.

Como una imagen vale mas que mil palabras:
En firefox:



En explorer




El codigo css:

Código:
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 800px; /*For KHTML*/// Anchura maxima de menu
  list-style: none;
  height: 24px;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
  width: 133px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
El resto de codigo es para los demás niveles que me funcionan correctamente

Y el html
Código:
<tr> <td width="800" align="center">
  <ul id="navmenu-h">
              <li><a href="index.htm">Inicio</a></li>
              <li><a href="productos.htm">Productos</a></li>
              <li><a href="#">Servicios</a> 
                <ul>
                  <li><a href="servicios_serv_tec.htm">Servicio Técnico</a> 
                  <li><a href="servicios_asesoramiento.htm">Asesoramiento</a></li>
                  <li><a href="servicios_instalaciones.htm">Instalac. Completas</a></li>
                </ul>
              </li>
              <li><a href="#">Atención al Cliente</a> 
                <ul>
                  <li><a href="cliente_post_venta.htm">Servicio PostVenta</a></li>
                  <li><a href="#">Presupuesto</a></li>
                </ul>
              </li>
              <li><a href="trabajos.htm">Trabajos Realizados</a></li>
              <li><a href="contacto.htm">Contacto</a></li>
  </ul>

       </td> </tr>

Lo mismo es un pego, pero no doy con la tecla. Perdonad lo extenso del mensaje, pero sino es que no se como explicarlo.

He estado buscando el problema en todas las discursiones y no he encontrado la solución concreta, si es así y ya esta resuelta perdonadme, pero no la habia visto.

Gracias de antemano.