Foros del Web » Creando para Internet » CSS »

Ayuda mi menu se ve horizontal en firefox pero en ie se ve vertical

Estas en el tema de Ayuda mi menu se ve horizontal en firefox pero en ie se ve vertical en el foro de CSS en Foros del Web. amigos aca tengo un problema, con mi sitio web necesitaria ayuda aca les dejo el codigo css y el html y el link a mi ...
  #1 (permalink)  
Antiguo 03/03/2011, 07:46
 
Fecha de Ingreso: febrero-2009
Mensajes: 2
Antigüedad: 15 años, 1 mes
Puntos: 0
Pregunta Ayuda mi menu se ve horizontal en firefox pero en ie se ve vertical

amigos aca tengo un problema, con mi sitio web necesitaria ayuda aca les dejo el codigo css y el html y el link a mi web asi la ven
Cita:
/* menu css */

#templatemo_menu {
clear: both;
width: 1000px;
height: 35px;
}

#templatemo_menu ul {
float: left;
display: inline-block;
width: 750px;
height: 35px;
margin: 0;
padding: 0;
list-style: none;
}

#templatemo_menu ul li {
padding: 0;
margin: 0;
display: inline-block;
}

#templatemo_menu ul li a {
position: relative;
float: left;
display: inline-block;
height: 21px;
padding: 7px 28px;
font-size: 15px;
color: #fff;
text-decoration: none;
font-weight: normal;
text-align: center;
outline: none;
}

#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
color: #000;
background: url(../images/templatemo_menu_right.jpg) no-repeat top right;
}

#templatemo_menu ul li a:hover span, #templatemo_menu ul .current span {
position: absolute;
top: 0;
left: 0;
width: 28px;
height: 35px;
background: url(../images/templatemo_menu_left.jpg);
}

Cita:
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current"><span></span>Inicio</a></li>
<li><a href="#"><span></span>Servicios</a></li>
<li><a href="#"><span></span>Fotos</a></li>
<li><a href="#"><span></span>Ubicación</a></li>
<li><a href="#"><span></span>Contacto</a></li>
</ul>

www.hotel-sancristobal.com.ar/muestra2
  #2 (permalink)  
Antiguo 03/03/2011, 13:36
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 meses
Puntos: 36
Respuesta: Ayuda mi menu se ve horizontal en firefox pero en ie se ve vertical

Yo estoy viendo el sitio web correctamente en Firefox y en IE8.
Sólo logro reproducir tu problema al eliminar la etiqueta DOCTYPE o usando el modo IE7 o el modo no estándar en mi explorer.
La solución puede ser hacer el siguiente cambio en el archivo http://www.hotel-sancristobal.com.ar...temo_style.css

Código CSS:
Ver original
  1. #templatemo_menu ul li {
  2.     display: inline; /*el valor anterior era inline-block*/
  3.     margin: 0;
  4.     padding: 0;
  5. }
Con el cambio se sigue mostrando correctamente en IE8 y Firefox.
  #3 (permalink)  
Antiguo 07/03/2011, 09:03
 
Fecha de Ingreso: febrero-2009
Mensajes: 2
Antigüedad: 15 años, 1 mes
Puntos: 0
Respuesta: Ayuda mi menu se ve horizontal en firefox pero en ie se ve vertical

Gracias amigo, se corrigio de la manera que me has dicho. tema cerrado

Etiquetas: menu-css-horizontal
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 13:25.