Geckozone

Bonjour,

Je cherche le moyen de centrer dans ma page une table contenue dans
une division, mais quoi que je mette dan le paramétrage de cette division, ma table reste décidément cadrée à gauche, sauf si je mets <table align="center">, mais je ne le veux pas, je voudrais que tout soit dans le
style...

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
	<style>
	div#madiv 
	{
	width: 100%; 
	text-align: center; 
	border: 1px solid silver; 
	background: yellox 
	}	   
	</style>
	</head>
	
	<body>
	<div id="madiv">		
	<table border="1"><tr><td>test</td></tr></table>
	</div>
	</body>
</html>

Ca marche bien avec IE, pas Firefox

Merci.

C'est un bug d'IE. En effet, text-align sert à centrer le texte, pas des blocs

À lire : http://css.alsacreations.com/Faire-une- ... web-en-CSS

Merci pour cette réponse hyper rapide...

Encore un mot :

La solution proposée est de mettre marge-left et marge-right auto
et de donner le with de la table...

Bin oui, mais une table se dilate plus ou moins selon son contenu, alors
comment faire ?

Bonjour,

Tu peux utiliser margin: 0px auto; pour ta table. Cependant IE5 ne comprendra pas, donc pour lui tu peux laisser ton text-align: center; dans ta div conteneur.

J'ai peut-être fait une remarque stupide

mais le code suivant ne centre toujours pas ma table ?

Code : Tout sélectionner

<div style="margin-left: auto; margin-right: auto; width: 100%">		
	<table border="1"><tr><td>test</td></tr></table>
	</div>

Si la largeur est de 100%, ça prend toute la place... donc évidemment ça ne peut pas centrer

Vu, il me fallait aussi mettre margin: auto dans le style de la table.

Merci.

Geckozone

[Résolu]Pouquoi ce code ne centre-t-il pas la table dans Fi

[Résolu]Pouquoi ce code ne centre-t-il pas la table dans Fi