Centrage de cellule sous IE

Version imprimable

09/03/2009, 18h21
Julik

Centrage de cellule sous IE

Bonjour,

Sur ma page http://lagaranceweitbruch.free.fr

Les cellules de mon premier tableau ne sont pas centré lorsque je l'affiche sur IE (ce n'est pas le cas sous firefox ou chrome)
Pourtant j'utilise le même code que pour mes autres tableaux de la page, à savoir :

Code:

<td style="width: 345px; text-align: center; background-color: rgb(163, 195, 37);">

Il m'arrive le même problème concernant le centrage d'un tableau sur la page pour le coup, à la page http://lagaranceweitbruch.free.fr/Classement.html

Savez-vous pourquoi il y a une différence entre IE et les autres navigateurs?

Merci

Cordialement

Julien

Merci!
09/03/2009, 18h55
Alt157
Bonsoir,

Pour centrer sur ta page, ajoutes simplement :
Code:

1 2 3 4 5 6 7 <div style="text-align:center"> // tous tes tableaux </div>
Citation:

Centrage d'une boîte élastique par des marges calculées.

La boîte sera centrée simplement en spécifiant la valeur auto; pour ses marges latérales.

Cette solution très élégante… échoue dans IE Windows. Fort heureusement, il est possible de tirer parti d'une application impropre de la propriété text-align aux éléments de type bloc par MSIE Windows : il suffit de spécifier text-align: center pour le conteneur, et de rétablir text-align: left; pour la boîte elle-même.
09/03/2009, 20h21
Julik

Merci pour cette réponse! Elle résout bien mon problème de la deuxième page.

Reste le premier problème sur la première page, à savoir le centrage sur IE du texte et des images sur mon premier tableau tout en haut :
http://lagaranceweitbruch.free.fr

Pourtant j'utilise le même code que pour mes autres tableaux de la page, à savoir :

Code:

<td style="width: 345px; text-align: center; background-color: rgb(163, 195, 37);">

Une idée?

Merci

Re bonsoir,

Désolé mais si, IE centre bien ton texte....

Le problème c'est que tu dis :
Code:

1 2 <table style="width: 100%;" border="1" cellpadding="2" cellspacing="1">
Donc ton tableau prend la largeur de la page, jusque là OK ?

Ensuite tu mets :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <tr> <td style="width: 159px; text-align: center; background-color: rgb(217, 32, 20);"><img style="width: 104px; height: 49px;" src="Photos_page_WEB/affilieFFT.jpg" alt="" v:shapes="Image_x0020_1" align="middle">  </td> <td style="width: 345px; text-align: center; background-color: rgb(163, 195, 37);"><big><big>ASC La Garance</big></big></td> <td style="width: 144px; text-align: center; background-color: rgb(217, 32, 20);"><img style="width: 104px; height: 49px;" src="Photos_page_WEB/affilieFFT.jpg" alt="" v:shapes="Image_x0020_1" align="middle"></td> </tr>
Donc tu dis, pour la première colonne par exemple, que la largeur est de 159px donc il centre ton texte sur les 159px mais agrandit ta colonne pour que cela face la largeur de ta page....

Essayes de remplacer les largeurs de tes colonnes par des pourcentages ;)

J'espère avoir été plus ou moins clair dans mes explications :?

Bonne soirée

09/03/2009, 23h25
Julik

J'ai utilisé des pourcentages comme tu me l'a conseillé et ça marche au poil!

Merci!