Aller au contenu

Sujets conseillés

Posté (modifié)

Bonjour,

j'ai commencé un module pour une gestion de sondages en PHP,

tout marche très bien, il me reste un seul problème, les bordures dans les barres.

Sous Internet Explorer, l'affichage est correct, mais sous Mozilla,

les bordures n'apparaissent pas, je vous montre le code concerné:

..
.progressbar { height:6px;font-size:0;font-family:verdana; }
.progressbar2 { height:6px;font-size:0;font-family:verdana;border-left:1 solid #000000; }
..

et pour la table;

<table width=90% cellspacing=0 class=progressbar>
<td width=70%> </td>
<td class=progressbar2 bgcolor='000000' width=30%> </td>
</table>

J'aimerais savoir, parce que border-left/right n'a pas l'air de marcher sous mozilla,

s'il y avait quelques choses qui pourrait faire pareil :huh:

Ou donnez moi une autre façon de faire :)

Modifié par Nazario
Posté

Salut,

border, que ce soit left, right ou autre chose de valable, marche très bien sous Mozilla. Ton problème est simplement que IE admet des codes non valides et les interprète donc à sa façon, alors que Mozilla se contente de les ignorer (ce qui est ce que n'importe quel navigateur est censé faire face à des règles css non valides.

Tu dois spécifier l'unité derrière le 1 de ton border (en l'occurence 1px je suppose). 1 tout seul n'a aucun sens, car il peut être interprété comme 1px, 1em, 1%, ce qui ne donne pas le même résultat. IE a choisi de l'interpréter comme 1px, ce qui aurait très bien pu être faux.

Avec 1px, ça devrait marcher ;)

Posté

Avec quelques essais, j'ai corrigé, le problème était bien le '1' au lieu de '1px' et le font-size:0; qui affiche le tableau sous IE mais pas sous Mozilla.

Merci de vos réponses :P

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...