Pourquoi ma table html ne sera-t-elle pas centrée sur la page dans IE 11?

Je construis une page Web dans Sharepoint 2010, et le code ci-dessous se centre avec succès lorsque j'utilise Chrome 58 comme navigateur mais pas quand j'utilise IE 11. J'ai essayé d'utiliser text-align: center; mais cela ne semblait pas fonctionner non plus. Le tableau aligné à la gauche de la page quand je l'ai fait. Des idées comment je peux obtenir ce centre sur la page dans IE? En outre, pourquoi Chrome n'accepte-t-il que "-webkit-center" au lieu de "centre"?Pourquoi ma table html ne sera-t-elle pas centrée sur la page dans IE 11?

<style> 
.s4-wpcell-plain{ 
text-align: -webkit-center !important; 
} 
</style> 



<table style="width:100%" cellpadding="0" cellspacing="0"> 
<tbody> 
<tr> 
<td id="MSOZoneCell_WebPartWPQ2" valign="top" class="s4-wpcell-plain"> 

<!-- content --> 

</td> 
</tr> 
</tbody> 
</table>

Source

2017-06-26 shampouya

Supprimez le modèle -webkit- de votre style.

<html> 
<head> 
<style> 
.s4-wpcell-plain{ 
text-align: center; 
} 
</style> 
</head> 

<body> 
<table style="width:100%" cellpadding="0" cellspacing="0"> 
<tbody> 
<tr> 
<td id="MSOZoneCell_WebPartWPQ2" valign="top" class="s4-wpcell-plain"> 
     fihfiehoipepfi 
<!-- content --> 

</td> 
</tr> 
</tbody> 
</table> 
</body> 
</html>

Ceci fonctionne parfaitement à la fois sur IE et sur chrome. Cependant, s'il existe des styles spécifiques au chrome que vous souhaitez implémenter, écrivez toutes les versions requises de celui-ci. l'un devrait être le normal et les autres avec le webkit ou le moz en fonction du navigateur.

comme

<style> 
.s4-wpcell-plain{ 
text-align: -webkit-center; 
text-align: center 
} 
</style>

Source

2017-06-26 18:52:04

J'ai essayé d'utiliser "text-align: center" mais pour une raison qui ne centre rien dans les deux IE ou Chrome. Et "text-align: -webkit-center" va le centrer dans Chrome mais pas IE. Une idée pourquoi? – shampouya

Je ne sais pas, ça a bien fonctionné pour moi. Pourquoi n'essayez-vous pas d'utiliser la dernière suggestion que j'ai faite? –

Si rien ne fonctionne, je vous suggère d'utiliser bootstrap. À l'intérieur d'une rangée, faites 3 div. La div dans le centre devrait avoir juste assez de colonnes allouées pour contenir des données, les deux autres divs peuvent être utilisés pour centrer cette div –

Pourquoi ma table html ne sera-t-elle pas centrée sur la page dans IE 11?

Répondre

Questions connexes