martes, 17 de febrero de 2009

Estilo de menús horizontales en CSS usando ambos navegadores

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.

No hay comentarios: