Ajax y problemas con el encoding

En algunos casos, aunque la base de datos parezca correcta, los navegadores no muestran bien los datos o tienen problemas con la codificación cuando se usan técnicas de Ajax. Para solucionarlo, hay que asegurarse de que las pequeñas páginas php que se encargan de realizar las operaciones de Ajax lleven un header apropiado. Además, conviene convertir los $_GET y los $_POST que se pasen desde javascript al charset correcto:

header('Content-type: text/html; charset=iso-8859-1');
//+
$texto = iconv("UTF-8", "iso-8859-1", $_POST['texto']);

Solucionar compatibilidades entre navegadores en CSS

Para evitar problemas de compatibilidades entre diferentes navegadores, sobre todo en cuanto se usen listas, conviene añadir lo siguiente a la hoja de estilos CSS:

* { margin:0; padding:0; border: 0; }

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.