Foros del Web » Creando para Internet » CSS »

Problemas con menu con cssn IE y firefox

Estas en el tema de Problemas con menu con cssn IE y firefox en el foro de CSS en Foros del Web. Hola, antes que nada muchas gracias por su ayuda. Estoy haciendo un menu con css, el menu consta de elementos principales, en los cuales si ...
  #1 (permalink)  
Antiguo 12/10/2010, 15:20
 
Fecha de Ingreso: octubre-2009
Mensajes: 5
Antigüedad: 8 años, 2 meses
Puntos: 0
Problemas con menu con cssn IE y firefox

Hola, antes que nada muchas gracias por su ayuda.

Estoy haciendo un menu con css, el menu consta de elementos principales, en los cuales si sobre ellos esta el puntero del mouse se desplegara una lista de elementos.

La imagen que voy a mostrar fue tomada desde firefox y asi es como quiero que se vea el menu (Si selecciono un elemento principal y un elemento de la lista que aparecio, quiero que el elemento principal siga seleccionado, eso si pasa en firefox)


Pero en internet explorer el elemento principal no se queda seleccionado e incluso al seleccionar un subelemento aparece un espacio de más y desacomoda los elementos:



¿Qué puedo hacer para que en IE se vea igual que en firefox?

Otra situación que sucede es que cuando selecciono un elemento principal con sublista los elementos de la derecha se recorren (pasa en ambos navegadores). Es decir si selecciono Products , contact queda casi hasta el final de la pantalla.

Aquí esta el html y el css
//HTML
<ul id="menu" >
<li class="or" ><a href="#">HOME</a></li>
<li class="or" ><a href="#">PRODUCTS</a>
<ul>
<li ><a href="#">&nbsp;Availability Chart&nbsp;</a></li>
<li><a href="#">&nbsp;Roma tomatoe&nbsp;</a></li>
<li><a href="#">&nbsp;Cucumber&nbsp;</a></li>
<li><a href="#">&nbsp;Onions&nbsp;</a></li>
<li><a href="#">&nbsp;Red bellpepers&nbsp;</a></li>
</ul>
</li>
<li class="or" ><a href="#">ABOUT</a></li>
<li class="or"><a href="#">AGRICULTURAL</br>OPERATIONS</a></li>
<li class="or"><a href="#">FOOD</br>SAFETY</a></li>
<li class="or" ><a href="#">MAPS</br>DIRECTIONS</a></li>
<li class="or"><a href="#">CONTACT</a></li>
</ul>

//CSS

#menu *{
padding: 0px; margin:0px;
}

#menu {
padding-top: 150px;
margin-left: 330px;
}

/*Desplazar loe items principales en horizontal*/
#menu li.or{
float: left;
}

/*Quitar viñetas a todos los itesm*/
#menu li {
list-style:none;

font-family:Corbel;
}


/*desaparecer los items secundarios cuando no se deben de ver y colocarlos verticalmente*/
#menu li.or ul {
display:none;
float:none;
}

#menu li.or{
margin-right: 10px;
margin-left: 10px;
}



/* mostrar el elemento principal en amarillo*/
#menu li.or:hover {
display:block;
background-color:#fff200;
}

/*mostrar los items cuando se selecciono el elemento principal y en amarillo todos*/
#menu li.or:hover ul {
display:block;

}



/*Mostrar los itesm en amarillo , solucion IE*/

#menu li.or a:hover{
display:block;
background-color:#fff200;
color:#5E9520;
}
#menu li.or ul {
display:none;
background-color:#fff200;
}

#menu li.or ul li a:hover {
color:#5E9520;
}


#menu a {
text-decoration:none;
color:black;
}

Gracias ......
  #2 (permalink)  
Antiguo 13/10/2010, 07:48
Avatar de Shaito  
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 7 años, 4 meses
Puntos: 37
Respuesta: Problemas con menu con cssn IE y firefox

Hola!

Pues la solución es sencilla, tienes que crear otro css donde se ve bien para IE, pero teniendo aparte el tuyo de MF

Para ello, añade tu css entre este code, de modo que solo afectará a IE

Código HTML:
Ver original
  1. <!--[if IE ]> Tu link de css  <![endif]-->

De ese modo solo IE verá ese CSS, ahí modifica lo necesario para que se vea bien tu menú

Saludos
  #3 (permalink)  
Antiguo 14/10/2010, 05:43
 
Fecha de Ingreso: diciembre-2007
Mensajes: 38
Antigüedad: 10 años
Puntos: 1
Respuesta: Problemas con menu con cssn IE y firefox

Hola!

a mi me pasa justo lo contrario.

Tengo un scroll con su div , y en IE se me vé con las características que yo quiero pero en firefox y safari no me las coge.

¿Que tendría que poner?

Muchas gracias de antemano ;)
  #4 (permalink)  
Antiguo 14/10/2010, 07:48
Avatar de Shaito  
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 7 años, 4 meses
Puntos: 37
Respuesta: Problemas con menu con cssn IE y firefox

Hola sodia!

Pues la cosa es hacer lo contrario, el css que se ve bien en IE lo dejas tal cual en:

Código HTML:
Ver original
  1. <!--[if IE ]> Tu link de css  <![endif]-->

Y fuera modificas tu css para que se vea bien en MF (Mozilla Firefox) y Safari


Saludos
  #5 (permalink)  
Antiguo 14/10/2010, 10:55
 
Fecha de Ingreso: diciembre-2007
Mensajes: 38
Antigüedad: 10 años
Puntos: 1
Respuesta: Problemas con menu con cssn IE y firefox

Si, pero es que no sé como lo tengo que poner para que se vea bien en firefox :(

¿Me lo podrías decir?

Mi codigo es:
.agenda{
background:url(imagenes/fondo_contacto.png);
overflow-y:auto;
overflow-x:hidden;
margin-left:30px;
pading-top: 10px;
width:270px;
height:300px;
color: #CD5931;
font-size:10px;
font-family:Zurich, Verdana, Geneva, sans-serif ;
text-align: left;
font-size:9px;
scrollbar-face-color:#FAFAFA;
scrollbar-highlight-color:#FAFAFA;
scrollbar-3dlight-color:#21215A;
scrollbar-shadow-color:gray;
scrollbar-track-color:#FAFAFA;

}



Un saludo, muchisimas gracias por contestar ;)
  #6 (permalink)  
Antiguo 14/10/2010, 11:21
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Problemas con menu con cssn IE y firefox

Hola Soldia es mejor que abras otro POST para tus consultas y dudas.

Pero ya que vi tu codigo te despejo la duda, el código para colorear la barra de scroll es propietario de Internet Explorer y no funciona en otros navegadores y mucho menos para firefox (aunque creo que opera si lo soporta :S).

Te dejo un hilo para que veas que anteriormente este tema se a tratado mucho

http://www.forosdelweb.com/f53/aplic...scroll-330052/

Saludos DTB

PD: si tienes otras dudas crea un nuevo Tema
  #7 (permalink)  
Antiguo 14/10/2010, 12:06
 
Fecha de Ingreso: diciembre-2007
Mensajes: 38
Antigüedad: 10 años
Puntos: 1
Respuesta: Problemas con menu con cssn IE y firefox

Muchas gracias, me miraré el hilo ;)
  #8 (permalink)  
Antiguo 14/10/2010, 13:18
Avatar de Shaito  
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 7 años, 4 meses
Puntos: 37
Respuesta: Problemas con menu con cssn IE y firefox

Hola!

Deja un mensaje en esta entrada para que todos sepamos la dirección de tu nueva entrada.

Y pon la dirección de la web para tener referente y poder ayudarte mejor


Saludos

Etiquetas: firefox
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 03:02.