Diff IE7 et Firefox que je comprends pas

Version imprimable

Bonjour,

Quelqu'un peut m'expliquer ?

Voici le css que j'utilise :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 .compteur { font-family: "Verdana"; font-size: 35px; font-weight:bold; color: #990000; text-align: center; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; }
Voici le résultat sur firefox (parfait)

http://www.cash-6minutes.com/centrer-fox.gif

Et sur IE7 (pas centré)...

http://www.cash-6minutes.com/centre-ie.gif

Pour l'affichage, j'utilise ceci :
Code:

1 2 3 <p align="center"> <input type="text" name="tempsRestant" size="6" readonly="readonly" value="0" class="compteur"> </p>
Comment centrer sur IE7???

19/09/2007, 16h32
Bisûnûrs

Simplement que l'attribut size ne donne pas le même résultat. Mets plutôt la propriété width en CSS à ton input.
19/09/2007, 16h56
syl2042

Désolé, ca marche pas...

J'ai rajouté width:110px; dans mon css pour cet input et toujours décentré...
19/09/2007, 16h58
Bisûnûrs

Affiche la bordure de l'input pour y voir plus clair ... Là, difficile de t'aider.
19/09/2007, 17h05
syl2042

ben je rajoute la bordure, mais c'est pareil... Mon input est bien centré dans son cadre, et bien centré dans sa zone sur firefox, mais il est bien centré dans son cadre sur IE, mais le cadre décentré à gauche...
19/09/2007, 17h09
Bisûnûrs

Heing ?

Je ne comprends pas tes histoires de cadre et de zone. Merci d'être plus claire et plus précis.

Tu me dis de mettre les bordures alors voila ce que cela donne en image :

Sur firefox :
http://www.cash-6minutes.com/centrer-fox.gif

Sur IE 7

http://www.cash-6minutes.com/centre-ie.gif

Mon nouveau css :
Code:

1 2 3 4 5 6 7 8 .compteur { font-family: "Verdana"; font-size: 30px; font-weight:bold; color: #990000; text-align: center; width:120px;
Mon code imput :
Code:

1 2 3 <p align="center"> <input type="text" name="tempsRestant" readonly="readonly" value="0" class="compteur"> </p>

19/09/2007, 17h44
Bisûnûrs

Essaie de mettre

Code:

text-align:center;

sur ton p.
19/09/2007, 18h52
syl2042

niet, text-align n'y fait rien...
19/09/2007, 18h55
Bisûnûrs

La page est en ligne qu'on puisse s'en rednre compte nous-même ?

Ou alors donne nous plus d'infos : le code HTML des balises alentour et leur code CSS associé.
19/09/2007, 19h28
syl2042

http://www.xxxxxx.com/pages/home.php

J'essaies avec firefox et IE7...

Merci

EDIT : j'ai supprimé le lien du coup pour discrétion puisque c'est résolu.....
19/09/2007, 19h49
Bisûnûrs

Mets align="center" sur le td juste au-dessus de ton form et ça devrait être bon.

Je suis désolé... Cela fonctionne pas...

J'ai mis des "center" de partout... A n'y rien comprendre...

Voici le bout de code qui gere cet affichage :

Code:

1
2
3
4
5
6
7
8
9
10
 <td width="20" ><img src="/images/spacer.gif" width="1" height="119" alt="" /></td>
      </tr>
      <tr>
        <td width="290" height="83" class="fond3"><table width="229" border="0" align="center">
          <td width="169" align="center" valign="top"><form name="form1" id="form1" method="post" action="">
            <p align="center">
              <input type="text" name="tempsRestant" size="6" readonly="readonly" value="0" class="compteur">
            </p>
          </form>
        </table></td>

EDIT : c'est meme plus drole... Si je mets un alignement à droite, c'est à droite sur firefox (logique), mais centré sur IE7...

20/09/2007, 10h07
Maxoo

à ce que j'en vois tu as mis un table sans balise tr à la fin ...
20/09/2007, 10h24
Bisûnûrs

Ben c'est centré sur tous les navigateurs là. :koi:

Oui, cela y est... Je viens d'y arriver...
En faisant :

Code:

1
2
3
4
5
6
7
<td width="290" height="83" class="fond3"><table width="229" border="0" align="center">
 
		  <td height="38" align="center" valign="top"><form name="form1" id="form1" method="post" action="">
		    <input type="text" name="tempsRestant"  readonly="readonly" value="0" class="compteur">
		  </form>		  
	        </td>
	    </table></td>

J'avais le <p align center qui foutait le souc...

On se fait vraiment ch... pour rien de temps en temps...

Merci à vous...