Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 18-mar-2007, 09:26   #1 (permalink)
erponcios ha deshabilitado el karma
 
Fecha de Ingreso: abril-2006
Mensajes: 187
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-familyHelveticaTahomaGenevaArialsans-serif;
    
font-size12px;
    
font-weightnormal;
    
margin0px;
    
background-color#4F5E8A;
    
width200px;
    
height20px;
    
margin0px;
    
padding0px;
    
border0px;
    
floatleft;
    
}

#menu a {

    
font-familyHelveticaTahomaGenevaArialsans-serif;
    
font-size12px;
    
font-weightnormal;
    
margin0px;
    
color#B3B8C5;
    
text-decorationnone;
    
width200px;
    
height20px;
    
vertical-alignbottom;
    
padding-top2px;
    
padding-left20px;
    
padding-right9px;
    
}

#menu a:hover {

    
font-familyHelveticaTahomaGenevaArialsans-serif;
    
font-size12px;
    
font-weightnormal;
    
color#FFFFFF;
    
text-decorationnone;
    
background-color#7481A5;
    
width200px;
    
height20px;
    
vertical-alignbottom;
    
padding-top2px;
    
padding-left20px;
    
padding-right9px;
    
margin0px;
    
}

#menu a.current {

    
font-familyHelveticaTahomaGenevaArialsans-serif;
    
font-size12px;
    
font-weightbold;
    
color#7481A5;
    
text-decorationnone;
    
background-color#FFFFFF;
    
width200px;
    
height20px;
    
vertical-alignbottom;
    
padding-top2px;
    
padding-left20px;
    
padding-right9px;
    
margin0px;
    

Muchas gracias.

Última edición por erponcios; 18-mar-2007 a las 09:32.
erponcios está desconectado   Responder Citando
Antiguo 18-mar-2007, 15:34   #2 (permalink)
SiR.CARAJ0DIDA está en el buen camino
 
Avatar de SiR.CARAJ0DIDA
 
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.168
Enviar un mensaje por MSN a SiR.CARAJ0DIDA
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.
__________________
Internet Explorer SuckS
Download FireFox
SiR.CARAJ0DIDA está desconectado   Responder Citando
Antiguo 19-mar-2007, 16:29   #3 (permalink)
erponcios ha deshabilitado el karma
 
Fecha de Ingreso: abril-2006
Mensajes: 187
Re: Problema con menú en ie y firefox.

Si lo hago con listas me pasa lo mismo en firefox.
erponcios está desconectado   Responder Citando
Antiguo 19-mar-2007, 22:42   #4 (permalink)
fearlex tiene algunos puntos positivos de karma
 
Avatar de fearlex
 
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.048
Enviar un mensaje por AIM a fearlex Enviar un mensaje por MSN a fearlex Enviar un mensaje por Yahoo  a fearlex Enviar un mensaje por Skype™ a fearlex
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
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
fearlex está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 03:41.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93