Uno de los elementos específicos que siempre crea problemas de compatibilidad entre los dos navegadores principales, Firefox y IE, son los menús horizontales. Hay que jugar con la propiedad margin tanto de esa capa como la que le precede, intentando combinaciones de números positivos y negativos en ambos para acabar ajustando ambos. Por ejemplo:
#PaisesContenedorLogo{
width: 700px;
height: 132px;
background-color: #888888;
background: url("../img/logo.jpg");
background-repeat: no-repeat;
margin-bottom: 16px;
}
#PaisesContenedorMenu{
background-color: #95b48b;
color: #000000;
height: 30px;
margin-top: -16px;
}
En el caso expuesto, 'PaisesContenedorLogo' está situada por encima de 'PaisesContenedorMenu' y en la misma capa, pero, como se ve, los margin no parecen muy racionales.
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario