Centrer un tableau sous IE

**Angeldu74** · 23/03/2006, 18h48

Bonjour je voudrais juste centrer un tableau sous IE grâce à ma feuille css. mon code pour mon tableau est:

Code :

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

1
2
3
4
5
div#contenu table
{
margin-left: auto; 
margin-right: auto;
}

il marche sous easy php 1-8 mais pas sous Internet Explorer. Merci d'avance pour votre aide. @+

**Linaa** · 23/03/2006, 18h52

EasyPHP n'est pas un navigateur! Tu voulais ptete dire Firefox ?
Pour centrer sous IE, il faut rajouter à l'élement parent de ton div

Code :

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

text-align:center;

Ou bien donner une largeur (width) fixe à ton div.

**ilood** · 23/03/2006, 19h34

Bonjour

Sous IE 6 le margin-left et margin-right: auto ne fonctionnent qu'avec la présence d'un doctype au début de ta page.
par exemple

Code :

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

mais il en existe d'autres.

**Angeldu74** · 23/03/2006, 20h46

Non désolé ça marche pas avec le text-align.
Et ce que je voulais dire tout à l'heure c'est que ça marchait en local avec easy-php 1.8 mais pas sur internet explorer.
Et j'ai essayé le doc aussi mais ça fonctionne pas non plus.
Je suis sous ifrance comme hébergeur est ce que ça joue???lol
Merci pour votre aide. @+

**ilood** · 23/03/2006, 21h07

Envoyé par Angeldu74

Et ce que je voulais dire tout à l'heure c'est que ça marchait en local avec easy-php 1.8 mais pas sur internet explorer.

:
Easyphp permet d'avoir un serveur Apache sur ton pc. Internet explorer n'interprète que le code html généré par easyphp.

Je suis sous ifrance comme hébergeur est ce que ça joue?

Non

Peux-tu nous donner l'adresse du site ? Puisque apparamment c'est le site distant qui pose problème.

**Angeldu74** · 23/03/2006, 22h42

Oui pas de soucy c'est http://mhandallaz.ifrance.com
J'espère que ça t'aidera. @+

**Angeldu74** · 25/03/2006, 10h37

J'ai fait la même manip sur mon h1:

Code :

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

1
2
3
4
5
6
div#conteneur h1
{
	text-align: center; /* Centre le titre du conteneur*/
	font-size: medium;
	color: White;
}

ça marche pour mon h1 mais pas pour mon tableau:

Code :

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

1
2
3
4
div#contenu table
{
 text-align: center;
}

C'est vraiment bizarre. Aidez moi svp.

**marsupix** · 25/03/2006, 11h22

pour centrer un élément:

- pour les éléments "blocs" (div, p, h1,h2 etc)
> fixer la largeur et mettre margin:auto;

-pour centrer le texte contenu dans un élément bloc
>text-align:center;

donc pour ton tableau :

Code :

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

1
2
3
<table id="monTableau">
...
</table>

et en css

Code :

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

1
2
3
4
#monTableau{
width:500px;  // par exemple
margin:auto;
}

**Angeldu74** · 25/03/2006, 13h39

Sa revient au même que tu appelles ton tableau "montableau" ou que tu l'appelles grâce à la balise table. Le problème c'est que dans mon css quand je met text:align=center pour mon tableau il se centre sous mozilla et pas sur internet explorer.
Merci d'avance pour vos solutions svp.
@+

**Linaa** · 25/03/2006, 13h51

Et en appliquant au td plutôt qu'à table ?

**abstractor77** · 26/03/2006, 12h53

j'ai le meme problème, ma page se centre sur FireFox mais pas sur IE depuis que j'ai rendu ma page compatible XHTML (validée sur validome.org). Avant pas de problème avec les: margin-left:auto; et margin-right:auto;
Pourtant ma page n'est pas dans un tableau...

**marsupix** · 27/03/2006, 09h57

Envoyé par Angeldu74

Sa revient au même que tu appelles ton tableau "montableau" ou que tu l'appelles grâce à la balise table. Le problème c'est que dans mon css quand je met text:align=center pour mon tableau il se centre sous mozilla et pas sur internet explorer.
Merci d'avance pour vos solutions svp.
@+

Le nom est un exemple... (j'en ai mis un au cas où tu ai plusieurs tableaux dans la page et que tu veux pas forcément tous les centrer.
Je me répète: text-align c'est pour centrer le texte qui est dans le tableau.
Le width fixé + margin:auto, c'est pour fixer le tableau.
(ensuite j'espère que tu n'écrit pas "text:align=center" come ça car là c'est sûr que ça ne marchera pas...)

**jehlg** · 27/03/2006, 13h59

Souvent sous IE, la solution est de mettre ton tableau dans un div et d'appliquer tonstyle sur le div:

<div style="margin: auto; text-align: center;">
<table>
blablablablabla
</table>
</div>

Centrer un tableau sous IE

HTML

Vue hybride

Discussions similaires

Partager

Partager