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

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
yves bruant
Arias
Messages : 15
Inscription : 28 sept. 2004, 21:22

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

Message par yves bruant »

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... :cry:

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.
Dernière modification par yves bruant le 31 juil. 2005, 15:28, modifié 1 fois.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

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

À lire : http://css.alsacreations.com/Faire-une- ... web-en-CSS :wink:
yves bruant
Arias
Messages : 15
Inscription : 28 sept. 2004, 21:22

Message par yves bruant »

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 ?
Asumbaa
Tyrannosaurus Rex
Messages : 2411
Inscription : 08 déc. 2004, 20:07

Message par Asumbaa »

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.
yves bruant
Arias
Messages : 15
Inscription : 28 sept. 2004, 21:22

Message par yves bruant »

J'ai peut-être fait une remarque stupide :oops:
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>
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Si la largeur est de 100%, ça prend toute la place... donc évidemment ça ne peut pas centrer :?
yves bruant
Arias
Messages : 15
Inscription : 28 sept. 2004, 21:22

Message par yves bruant »

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

Merci. :D
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invités