12/01/2011, 18:04
|
 | | | Fecha de Ingreso: enero-2011 Ubicación: Gijón
Mensajes: 671
Antigüedad: 14 años Puntos: 36 | |
| Respuesta: Consulta sobre los divs de un menú
La solución es utilizar la propiedad vertical-align, pero ésta sólo funciona en tablas por lo que necesitamos cambiar la forma en que se muestran los elementos del menu usando la propiedad display:table-cell.
La alineación horizontal ya la tenías resuelta con text-aling:center.
Prueba a sustituir la declaración que tienes para "ul#menu li a" por la siguiente:
ul#menu li a {
color: #FFFFFF;
display: table-cell;
height: 45px;
padding: 0 11px;
text-decoration: none;
vertical-align: middle;
width: 108px;
}
Sólo he probado la solución en Firefox, pero debería funcionar en cualquier navegador.
Espero que te pueda servir. |