Discussion :

[Julik]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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!

[Alt157]

Bonsoir,

Pour centrer sur ta page, ajoutes simplement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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.

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Une idée?

Merci

[Alt157]

Re bonsoir,

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

Le problème c'est que tu dis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);"><span
 style=""><img style="width: 104px; height: 49px;"
 src="Photos_page_WEB/affilieFFT.jpg" alt="" v:shapes="Image_x0020_1"
 align="middle"></span><b><i><span style="font-size: 24pt;">&nbsp;&nbsp;</span></i></b><span
 style=""></span></td>
      <td
 style="width: 345px; text-align: center; background-color: rgb(163, 195, 37);"><big><big><b><i><span
 style="font-size: 24pt;">ASC La Garance</span></i></b></big></big></td>
      <td
 style="width: 144px; text-align: center; background-color: rgb(217, 32, 20);"><span
 style=""><img style="width: 104px; height: 49px;"
 src="Photos_page_WEB/affilieFFT.jpg" alt="" v:shapes="Image_x0020_1"
 align="middle"></span></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

[Julik]

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

Merci!