Plusieurs choses :
- Les bordures. D'abord tu définis une bordures pour les 4 cotés avec "border: thin solid black". Ensuite tu écrases les valeurs en redéfinissant les 4 cotés un par un :
border-color: inherit; -> c'est à dire que les 4 bordures prennent la couleur de la bordure de leur parent. Il est probable qu'elle ne soit pas définie.
border-top, left, right: none -> ça efface 3 bordures. Soit.
border-botom: inherit -> ça prend les valeurs de bordure du parent, qui n'a pas de bordure. La bordure du bas est donc effacée. Mozilla a donc raison.
Bref tout ton bazard :
border: thin solid black;
border-color: inherit;
border-top: none;
border-right: none;
border-bottom: inherit;
border-left: none;
Peut se résumer par un simple :
border-bottom: thin solid black;
Bref, tu te compliques la vie pour rien.
- La taille de la police : x-small c'est bien, mais dans ce cas, c'est le navigateur qui décide de la taille. Si tu veux absoluement que la taille de la police soit la même d'un navigateur à l'autre, soit tu définis la taille en pixels, soit tu ajoutes un DOCTYPE Strict (HTML 4.01 Strict, XHTML 1.0 Strict ou XHTML 1.1) Dans ce cas IE 6 va passer en mode "compatibilité avec les standards" et va utiliser une taille de police plus petite pour x-small.
Cela dit il faut essayer de perdre cette mauvaise habitude de faire un site qui soit exactement le même d'un navigateur à un autre.
Un dernière chose, quand on définit une famille de police, il faut toujours mettre un nom de police générique (serif, sans-serif ou monotype) car tout le monde n'a pas Arial.
Donc au lieu de :
font-family: arial;
On écrit :
font-family: Arial, Helvetica, sans-serif;
Message édité par gm_superstar le 19-01-2003 à 01:30:04
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog