Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Problema con menú en ie y firefox. (http://www.forosdelweb.com/f53/problema-con-menu-ie-firefox-473953/)

erponcios 18/03/2007 09:26
Problema con menú en ie y firefox.
 
Buenas gente:

Mirar, tengo un problema con menú diseñado con divs.

Lo podeís encontrar aquí: http://www.finanziasoluciones.com/vi...sa.php?lang=es

Si entrais con el ie, se ve perfecto. Ahora si se entra con el firefox... queda todo montado abajo... y no se la verdad (desastroso).

Aquí os dejo el código que he utilizado. Si alguien me pudiera ayudar, se lo agradecería.

Código PHP:
/* Menu principal */

#menu {

    font-family: Helvetica, Tahoma, Geneva, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    background-color: #4F5E8A;
    width: 200px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
    
}

#menu a {

    font-family: Helvetica, Tahoma, Geneva, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    color: #B3B8C5;
    text-decoration: none;
    width: 200px;
    height: 20px;
    vertical-align: bottom;
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 9px;
    
}

#menu a:hover {

    font-family: Helvetica, Tahoma, Geneva, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #7481A5;
    width: 200px;
    height: 20px;
    vertical-align: bottom;
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 9px;
    margin: 0px;
    
}

#menu a.current {

    font-family: Helvetica, Tahoma, Geneva, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #7481A5;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 200px;
    height: 20px;
    vertical-align: bottom;
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 9px;
    margin: 0px;
    
} 
Muchas gracias.

SiR.CARAJ0DIDA 18/03/2007 15:34
Re: Problema con menú en ie y firefox.
 
y porque solo un navegador estupido entiende la propiedad width y height en un elemento en linea como los <a>. tenes que darle display:block y sacar los <br> o hacer bien el menu usando listas.

erponcios 19/03/2007 16:29
Re: Problema con menú en ie y firefox.
 
Si lo hago con listas me pasa lo mismo en firefox.

fearlex 19/03/2007 22:42
Re: Problema con menú en ie y firefox.
 
Semanticamente hablando, las listas son mas funcionales para crear menues de navegacion, aqui te dejo un ejemplo, modificalo y aplicalo a tu pagina:

http://exploding-boy.com/images/EBmenus/menus.html

Espero te sirva :D


La zona horaria es GMT -6. Ahora son las 23:04.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.