Positionnement de table dans IE

**caroy** · 17/03/2009, 13h42

Bonjour, sous firefox tout se positionne très bien mais quand je visite mon site sous iexplorer bien ma table de contenu n'est pas bien placer, elle n'est pas centrer avec le menu. Voici le lien en question:
http://www.classic-boardshop.com/artistes.html

Quelqu'un sait comment regler se probleme? Cela m'aidera énormément.

Merci beaucoup!

Charles

**Sh4dow49** · 17/03/2009, 13h49

essaye de mettre dans le code de ton tableau un truc du genre

Code :

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

<table align="center" >

**caroy** · 17/03/2009, 13h53

Je l'er deja fait mais je veut pas qu'il soit centrer verticallement car il doit avoir un espace entre le menu et le tableau. J'utilise HSPACE="40" pour positionner ma table, sous firefox sa marche parfaitement et non sous explorer ou safari.

**Sh4dow49** · 17/03/2009, 13h56

ajouter align="center" dans la balise table n'aura pour effet que de centrer horizontalement, ce que tu as l'air de vouloir. Et au pire, si ça colle effectivement la table au menu, tu ajoute un peu de css du style

Code :

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

margin-top: 20px;

pour laisser de l'espace.

**Erwan31** · 17/03/2009, 14h09

Envoyé par Sh4dow49

essaye de mettre dans le code de ton tableau un truc du genre

Code :

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

<table align="center" >

Non. Il serait temps d'oublier les attributs de présentation HTML (HSPACE en fait partie), chose qui doit se trouver dans la CSS.

Caroy, ton problème vient uniquement du fait que tu n'as pas mis de Doctype en haut de ton document et que par conséquent les navigateurs graphique basculent dans un mode de rendu non standard appelé communément mode Quirks.

En mode Quirks, IE se comporte grosso modo comme IE5.5- qui n'interprétait pas
les marge auto latérales de manière standard, tu dois donc ajouter un doctype
(HTML4 ou XHTML1) en haut de ton document pour que le bloc conteneur puisse se centrer.

**caroy** · 17/03/2009, 15h17

Merci beaucoup erwan pour ta réponse. Mais peut tu me dire quoi changer dans mon doctype pour que sa marche? Voici mon doctype:

Code :

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Merci beaucoup.

**caroy** · 17/03/2009, 16h45

J'ai mit un doctype mais ses sous firefox maintenant que la table se positionne mal. Donc, quelle code est le mieu pour positionner parfaitement une table? (sans les hspace et tout)

Merci beaucoup.

**Erwan31** · 17/03/2009, 16h50

Pas de chance tu as choisi un doctype incomplet qui ne fait pas basculer les navigateurs graphiques en mode standard, toujours mettre un doctype complet (avec URI)

Code :

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

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

EDIT Les table ne sont de toute façon pas fait pour de la mise en page.
Tu devrais t'exercer avec des DIV.

**GihefBey** · 17/03/2009, 17h07

Bonjour,

Ajoute de quoi indiquer à IE qu'il doit centrer à sa manière.
Ajoute un text-align: center; au bloc qui contient le tableau (tableau dont la nécessité m'échappe).

Code CSS :

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

1
2
3
4
#principal {
  background-color:#un_code_de_couleur_ne_gâcherait_rien;
  text-align : center;
etc.

++
Referme la <div id="principal">, elle ne l'est pas.

Code CSS :

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

1
2
3
body {
  background: #000 url(indexFINAL.jpg) no-repeat fixed center;
  }

conviendrait.

-

**Erwan31** · 17/03/2009, 17h37

Envoyé par GihefBey

Bonjour,
Ajoute de quoi indiquer à IE qu'il doit centrer à sa manière.
Ajoute un text-align: center; au bloc qui contient le tableau (tableau dont la nécessité m'échappe).

Pas nécessaire GihefBey si le doc passe en mode standard, ça n'est nécessaire que pour les versions d'antiquités d'IE.

**caroy** · 17/03/2009, 17h44

Merci beaucoup pour vos réponses, je vais le faire avec les div a la place.

**GihefBey** · 17/03/2009, 17h51

Envoyé par Erwan31

ça n'est nécessaire que pour les versions d'antiquités d'IE.

Il ne précise pas les versions défaillantes.
Les antiquités sont certainement encore utilisées.
Continuons d'encourager nos visiteurs à se passer de IE.
Cependant, un DOCTYPE clair et adapté est le bon début.

++
Et dire que ça fait des années que je ne les utilise plus...

-

**Erwan31** · 17/03/2009, 17h58

Envoyé par GihefBey

Il ne précise pas les versions défaillantes.
Les antiquités sont certainement encore utilisées.
Continuons d'encourager nos visiteurs à se passer de IE.
Cependant, un DOCTYPE clair et adapté est le bon début.
++
Et dire que ça fait des années que je ne les utilise plus...
-

Quand je parle des antiquités, je fais référence uniquement à IE5.5- donc à des versions pratiquement plus utilisées, mais l'ajout du text-align:center est juste une question de choix personnel. Pour ma part ça fait a peu prés 1 ans que je ne tiens plus compte de ces versions complètement obsolètes.
Quant au support d'IE6 on commence à en débattre pas mal à droite à gauche.

**GihefBey** · 17/03/2009, 18h22

Ma mère, que son grand âge n'empêche pas de rester mordante, habite maintenant une maison de retraite adaptée (c'est nécessaire, elle en convient).
Comme tout bâtiment public, cette maison dispose d'une rampe d'accès pour personne à mobilité réduite (autrement dit, handicapée, en fauteuil roulant...)
Un endroit, un seul, de cet édifice a subi (comment, pourquoi ?) un affaissement de terrain. C'est précisément la rampe, l'accès en pente douce et sans marche et qui crée un joli effet dégradé vers du plus profond dans une cour plane, qui en souffre. Cet accès est condamné depuis des années sans qu'aucune solution ne soit jamais à l'ordre du jour des réfections nécessaires au bon fonctionnement de cette maison qui reçoit un nombre certain de personnes dans son cas.
Je suis d'accord pour que, en attendant qu'on puisse se défaire de l'appesanteur, une solution simple soit mise en œuvre pour que cette mère puisse entrer et sortir facilement de cet établissement : la présence d'une aide qui l'assistera lors de ses déplacement dans cette phase critique.
Ou alors, une simple phrase : text-align: center; (19 octets) qui n'empêchera pas les valides d'aller et venir à leur guise, mais qui palliera à certaines défaillances de certains anciens.
Un jour, cette mère sera morte (ou presque...) et cette aide devra aller chercher du travail ailleurs.

++
Et pourtant, que de tracas nous ont causé ces versions irrespectueuses...

-

**Erwan31** · 17/03/2009, 19h09

Belle image sur l'accessibilité GihefBey

Et oui moi qui fait de l'accessibilité, je sais bien que l'idéal serait aussi de prendre en compte ces antiquités mais la manque de temps ou de budget alloué
à ces vieilles versions ne me permet pas de les prendre en considération.
Et puis je considère qu'il y a un minimum de mise à jour, sachant que même IE6 date de 2001.
Mais d'accord sur le principe: ajouter un simple text-align:center ne coûte rien.

**caroy** · 17/03/2009, 20h07

Voila j'ai suivit tes conseils, jai mit des div a la place. Firefox et safari n'on aucun problem mais iexplorer version 5-6 ne l'affiche pas bien. Qu'est que je peut faire? Merci.

Voici la page: http://classic-boardshop.com/boutiques.html

**Erwan31** · 17/03/2009, 20h39

Ja crois que tu n'as pas bien compris les conseils que te donne Gihefbey

Tu dois commencer par ajouter un text-align:center au niveau du body puis pour le reste des différences : > http://www.lesintegristes.net/2008/0...ks-traduction/

PS: essaye de faire un effort d'orthographe stp, tu fais de très grosses erreurs...

Positionnement de table dans IE

HTML

Discussions similaires

Partager

Partager