Pb mozilla et tableau php

Bonjour,

J'ai un souci d'affichage dans un tableau avec mozilla sous IE pas de souci
Ce qui se passe, c'est que mes boutons se chevauchent légerement et ne respectent pas la longueur px sous mozilla.

a.bouton-relief-m {
  color: black;
  background-color: #66FFFF;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  width:250px;
  padding: 5px;
  border: 2px outset #c0c0c0;
}
a.bouton-relief-m:hover {
  background-color: #99FFFF;
  border: 2px inset #c0c0c0;
} 

if($i%$nbcol==0)
echo '<tr>';


    echo "<td><div class=\"$color\">$valeur1</div></td>";


if($i%$nbcol==($nbcol-1))
echo '</tr>';

Merci par avance pour l'aide.

Bonsoir et bienvenue

Ton soucis vient sûrement du problème de "Box Model"

http://openweb.eu.org/articles/dimensions_boites_css/

Sur ce site, tu trouveras des FAQ et des ressources très complètes à consulter avant de poser une question.

Et topic pour les présentations dans le Bar du Forum

Modifié par Vero (27 Feb 2005 - 00:01)

J'ai testé mais ne connaissant que tres peu le css j'ai du mal à suivre

a.bouton-relief-nomf {
  color: black;
  background-color: #FF99FF;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  height:30px;
 width: 130px;
  voice-family: "\"}\"";
  voice-family:inherit;  
  width:180px;
}
}
html>body .a.bouton-relief-m {
  width: 180px;
}





a.bouton-relief-nomf:hover {
  color: black;
  background-color: #FFCCFF;
    text-decoration: none;
  font-weight: bold;
  text-align: center;
  height:30px;
  width:130px;
  padding: 5px;
  border: 2px inset #c0c0c0;
}

Merci pour l'aide

Pour tout te dire, j'ai débuté il n'y a pas très longtemps et je fais mon apprentissage.

Sûr que ton problème vient de là, mais je ne comprends pas ta correction.
Il faut que tu calcules la taille de ta boite en fonction de tes paddings et de tes bordures et je n'obtiens pas le même calcul que toi.

Mais sur ce lien, tu as des explications plus détaillées (va à bug des navigateurs) :

http://www.alsacreations.com/articles/compatibilite/

Pourquoi dans le :hover tu redonnes une bordure ?
Modifié par Vero (27 Feb 2005 - 01:04)