Version imprimable
Bonjour je voudrais juste centrer un tableau sous IE grâce à ma feuille css. mon code pour mon tableau est:il marche sous easy php 1-8 mais pas sous Internet Explorer. Merci d'avance pour votre aide. @+Code:
2
3
4
5div#contenu table { margin-left: auto; margin-right: auto; }
EasyPHP n'est pas un navigateur! Tu voulais ptete dire Firefox ?
Pour centrer sous IE, il faut rajouter à l'élement parent de ton div
Ou bien donner une largeur (width) fixe à ton div.Code:text-align:center;
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
mais il en existe d'autres.Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
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. @+
:?:Citation:
Envoyé par Angeldu74
Easyphp permet d'avoir un serveur Apache sur ton pc. Internet explorer n'interprète que le code html généré par easyphp.
NonCitation:
Je suis sous ifrance comme hébergeur est ce que ça joue?
Peux-tu nous donner l'adresse du site ? Puisque apparamment c'est le site distant qui pose problème.
Oui pas de soucy c'est http://mhandallaz.ifrance.com
J'espère que ça t'aidera. @+
J'ai fait la même manip sur mon h1:
ça marche pour mon h1 mais pas pour mon tableau:Code:
2
3
4
5
6div#conteneur h1 { text-align: center; /* Centre le titre du conteneur*/ font-size: medium; color: White; }
C'est vraiment bizarre. Aidez moi svp.Code:
2
3
4div#contenu table { text-align: center; }
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 :
et en cssCode:
2
3
Code:
2
3
4#monTableau{ width:500px; // par exemple margin:auto; }
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.
@+
Et en appliquant au td plutôt qu'à table ?
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...
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.Citation:
Envoyé par Angeldu74
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...)
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>