Foros del Web » Creando para Internet » CSS »

Problema con menu en firefox

Estas en el tema de Problema con menu en firefox en el foro de CSS en Foros del Web. Tengo un menu horizontal, con submenus verticales, en IE se ve bien, pero en Firefox , la primera opcion de los submenus se me sube ...
  #1 (permalink)  
Antiguo 07/01/2008, 20:05
 
Fecha de Ingreso: enero-2008
Mensajes: 10
Antigüedad: 9 años, 11 meses
Puntos: 0
Problema con menu en firefox

Tengo un menu horizontal, con submenus verticales, en IE se ve bien, pero en Firefox , la primera opcion de los submenus se me sube al horizontal.
he intentado de todo y ya no se que hacer.


Les agradezco de antemano sus opiniones.

aqui pongo el HTML:


<html>
<head>
<link rel="stylesheet" title="estilo" type="text/css"
href="estilom.css" >



</head>

<body bgcolor="white" onclick="iniciar()">

<?php
include("scriptm.php");
?>


<div id="menu">
<ul id="principal">
<li><a id="recepcion" href="#menuh" onmouseover="mostrar('op1')">Recepción</a></li>

<ul id="op1" onclick="ocultar('op1')">
<li><a href="#menuh">Empresas</a></li>
<li><a href="#menuh">Tramites</a></li>
</ul>

<li><a id="inspeccion" href="#menuh" onmouseover="iniciar()">Inspección</a></li>
<li><a id="analisis" href="#menuh" onmouseover="iniciar()">Análisis</a></li>
<li><a id="Informes" href="#menuh" onmouseover="mostrar('op2')">Informes</a></li>

<ul id="op2" onclick="ocultar('op2')">
<li><a href="#menuh" >Resoluciones</a></li>
<li><a href="#menuh">Estadisticas</a></li>
</ul>

<li><a id="Configuracion" href="#menuh" onmouseover="mostrar('op3')">Configuración</a></li>

<ul id="op3" onclick="ocultar('op3')">
<li><a href="#menuh">Persona</a></li>
<li><a href="#menuh">Documentos</a></li>
<li><a href="#menuh">Tramite</a></li>
<li><a href="#menuh">Cuentas</a></li>
<li><a href="#menuh">Tipo Balance</a></li>
<li><a href="#menuh">Motivo Tramite</a></li>
<li><a href="#menuh">Licencia</a></li>
<li><a href="#menuh">Zona</a></li>
<li><a href="#menuh">Tipo Comercio</a></li>
<li><a href="#menuh">Periodo</a></li>
<li><a href="#menuh">Giro</a></li>
<li><a href="#menuh">Glovales</a></li>
<li><a href="#menuh">Usuarios</a></li>
<li><a href="#menuh">Roles</a></li>

</ul>

<li><a href="#menuh" onmouseover="iniciar()">Ayuda</a></li>
<li><a href="#menuh" onmouseover="iniciar()">Salir</a></li>
</ul>



</div>




</body>
</html>


Este es el css:


ul{
list-style-type: none;

}


a{
color:black;

border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 4px;
border-left-width:8px;

border-style: solid;
border-color: gray;
background:white;
padding:0px 10px 0px 10px;
width: 140px;
height:5px;
}

a:hover{
color:brown;
background:silver;
}

/* propiedades de los id */

#principal{
list-style-type: none;
margin:0px;
padding:0px;
}

#principal li{
float:left;
}

#op1,#op2,#op3{
margin:0px;
padding:0px;
display:none;
float:left;
}

#op1 li,#op2 li,#op3 li{
float:none;
}


y este es el script

<html>
<head>
</head>
<body>
<script>

function iniciar() {
document.getElementById('op1').style.display = "none";
document.getElementById('op2').style.display = "none";
document.getElementById('op3').style.display = "none";
}

function mostrar(op) {
iniciar();
document.getElementById(op).style.display = "block";
}

function ocultar(op) {
document.getElementById(op).style.display = "none";
}

</script>

</body>
</html>
  #2 (permalink)  
Antiguo 08/01/2008, 08:16
naf
 
Fecha de Ingreso: agosto-2007
Ubicación: Chile
Mensajes: 23
Antigüedad: 10 años, 4 meses
Puntos: 0
Re: Problema con menu en firefox

tu problema se da por que no le estas indicando correctamente donde debe desplegarse el listado. Lo que te aconsejo que hagas es lo siguiente:
El li cierralo despues del listado a desplegar con eso le estas indicando, una posición, ya que la esta heredando.

Ejemplo:
Código:
<li><a id="recepcion" href="#menuh" onmouseover="mostrar('op1')">Recepción</a>

<ul id="op1" onclick="ocultar('op1')">
<li><a href="#menuh">Empresas</a></li>
<li><a href="#menuh">Tramites</a></li>
</ul>
</li>
  #3 (permalink)  
Antiguo 08/01/2008, 10:24
 
Fecha de Ingreso: enero-2008
Mensajes: 10
Antigüedad: 9 años, 11 meses
Puntos: 0
Re: Problema con menu en firefox

Eso era exactamente. Te lo agradezco mucho.
Tenia otra pregunta. para darle el tamaño de las cajas de las opciones, en IE funciona bien si en el css se las pongo en la etiqueta "a" mientras que en Firefox no las reconoce, estas solo funcionan en la etiqueta "Li" . donde puedo encontrar que propiedades van con cual etiqueta, o si conocen algun metodo de hacerlo para que funcione en ambos navegadores.
  #4 (permalink)  
Antiguo 09/01/2008, 12:12
naf
 
Fecha de Ingreso: agosto-2007
Ubicación: Chile
Mensajes: 23
Antigüedad: 10 años, 4 meses
Puntos: 0
Re: Problema con menu en firefox

Yo acostumbro a darle el tamaño a la clase que tiene el "li" y también al "a", puesto que me ahorro tener problemas con los distintos navegadores. Al "a" y al estado "visited" les doy paddin-top, para centrar verticalmente y se lo resto a la altura. La verdad, que de esta manera no he tenido problemas con ningun navegador.
  #5 (permalink)  
Antiguo 10/01/2008, 10:21
 
Fecha de Ingreso: enero-2008
Mensajes: 10
Antigüedad: 9 años, 11 meses
Puntos: 0
Re: Problema con menu en firefox

muchas gracias por toda la ayuda.
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 15:11.