Foros del Web » Creando para Internet » CSS »

Menú básico se cae a la derecha en IE

Estas en el tema de Menú básico se cae a la derecha en IE en el foro de CSS en Foros del Web. Hola éste es un menú básico, que cuando lo veo en IE se cae a la derecha, me gustaría si pudieran ayudarme a modificar el ...
  #1 (permalink)  
Antiguo 18/02/2011, 15:38
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 5 meses
Puntos: 5
Menú básico se cae a la derecha en IE

Hola éste es un menú básico, que cuando lo veo en IE se cae a la derecha, me gustaría si pudieran ayudarme a modificar el código, para que funcione correctamente, desde ya gracias, y saludos.

Código HTML:
Ver original
  1. <ul>
  2.   <li><a href="#">Home</a></li>
  3.   <li><a href="#">Institucional</a></li>
  4.   <li><a href="#">Agenda</a></li>
  5.   <li><a href="#">Contacto</a></li>
  6. </ul>

Código CSS:
Ver original
  1. ul {list-style:none;
  2. margin: 0px;
  3. padding:0px}
  4.  
  5. li a {width:120px;
  6. height:21px;
  7. display:block;
  8. background-color:#99CCFF;
  9. font-family:Arial, Helvetica, sans-serif;
  10. font-size:12px;
  11. text-align:center;
  12. padding-top:5px;
  13. margin-left:5px;
  14. color:#000000;
  15. text-decoration:none;
  16. float:left}
  17.  
  18. li a:hover {background-color:#006699;
  19. color:#FFFFFF;
  20. font-weight:bold}
  #2 (permalink)  
Antiguo 18/02/2011, 19:43
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Menú básico se cae a la derecha en IE

Puedes modificar la regla ul con las siguientes propiedades:
margin:0 auto;
width:500px; /* creo que esa medida funcionará (125 x 4 enlaces), si no prueba a cambiarla */
  #3 (permalink)  
Antiguo 18/02/2011, 19:51
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 5 meses
Puntos: 5
Respuesta: Menú básico se cae a la derecha en IE

Gracias por responder sanxuan, lo pruebo y posteo como me fue, saludos.
  #4 (permalink)  
Antiguo 18/02/2011, 20:04
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 5 meses
Puntos: 5
Respuesta: Menú básico se cae a la derecha en IE

Recién probé, pero se siguen cayendo a la derecha, gracias de todos modos, saludos.
  #5 (permalink)  
Antiguo 18/02/2011, 20:28
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Menú básico se cae a la derecha en IE

Yo he probado sólo con el código que nos diste. Si ese ul está incluido dentro de algo que no esté centrado, no se podrá centrar.
Si colocas el código HTML y CSS o un enlace a tu página podremos ayudarte mejor.
  #6 (permalink)  
Antiguo 18/02/2011, 21:19
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 5 meses
Puntos: 5
Respuesta: Menú básico se cae a la derecha en IE

Hola sanxuan, pasa que es un ejercicio que nos dieron en el curso de web, y lo veo mal en IE, y pensé que yo lo había copiado mal, ya estoy renegando mucho con IE, je je y quiero aprender bien para no pasar tantos sobresaltos, saludos, y gracias.
  #7 (permalink)  
Antiguo 18/02/2011, 21:54
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 5 meses
Puntos: 5
Respuesta: Menú básico se cae a la derecha en IE

sanxuan, lo pude modificar, y hacer que se vea horizontal, le agregué

Código HTML:
Ver original
  1. li { display: inline; }

y modifiqué en li a
Código HTML:
Ver original
  1. display:block;
por

Código HTML:
Ver original
  1. display:inline-block;

Ahora se ve bien en IE, saludos.
  #8 (permalink)  
Antiguo 19/02/2011, 07:27
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 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>
  #9 (permalink)  
Antiguo 19/02/2011, 10:05
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 5 meses
Puntos: 5
Respuesta: Menú básico se cae a la derecha en IE

Hola sanxuan, gracias por pasarme el código, lo copio y lo llevo a dreamweaver, siempre es bueno tener variantes para usar, saludos.
  #10 (permalink)  
Antiguo 19/02/2011, 10:06
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 5 meses
Puntos: 5
Respuesta: Menú básico se cae a la derecha en IE

Hola sanxuan, gracias por pasarme el código, lo copio y lo veo en dreamweaver, siempre es bueno tener variantes para usar, saludos.

Última edición por rw523252; 19/02/2011 a las 10:08 Razón: Pensé que no se había cargado, y lo modifiqué, me pareció más correcto, saludos

Etiquetas: cae, derecha
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:32.