Ver Mensaje Individual
  #8 (permalink)  
Antiguo 19/02/2011, 07:27
Avatar de sanxuan
sanxuan
 
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 meses
Puntos: 36
Respuesta: Menú básico se cae a la derecha en IE

Me alegro de que lo hayas solucionado.
Te dejo el código que yo usé por si lo quieres examinar. Salvo que esté equivocado, creo que sólo añado los cambios que te indiqué.
Tal vez no hubieses incluido la etiqueta <!DOCTYPE>. No encuentro otra explicación a que no funcionase.
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <title> Titulo </title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <style type="text/css">
  6. ul {
  7.    list-style:none;margin: 0 auto;
  8.    width:500px;/* cambiado */
  9.    padding:0px;/* cambiado */
  10. }
  11. li a {
  12.    width:120px;
  13.    height:21px;
  14.    display:block;
  15.    background-color:#99CCFF;
  16.    font-family:Arial, Helvetica, sans-serif;
  17.    font-size:12px;
  18.    text-align:center;
  19.    padding-top:5px;
  20.    margin-left:5px;
  21.    color:#000000;
  22.    text-decoration:none;
  23.    float:left
  24. }
  25. li a:hover {
  26.    background-color:#006699;
  27.    color:#FFFFFF;
  28.    font-weight:bold
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <ul>
  34.   <li><a href="#">Home</a></li>
  35.   <li><a href="#">Institucional</a></li>
  36.   <li><a href="#">Agenda</a></li>
  37.   <li><a href="#">Contacto</a></li>
  38. </ul>
  39. </body>
  40. </html>