Affichage sous un tableau variable

Version imprimable

Je récupère un tableau en php et la hauteur de celui-ci est variable en fonction de la demande. Sous ce tableau j'ai un texte. Le tout est affiché avec l'aide de Joomla.
Sous Firefox, pas de problème mais sous IE, les informations qui devraient arriver sous le tableau se placent à droite ! et deviennent en partie invisible.

Même chose quand les membres doivent s'inscrire, une partie des infos disparaissent à droite.
Extrait du script d'inscription qui comporte 4 colonnes dont 3 avec des <select>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 <table border='1' cellpadding='1' cellspacing='1' align='left'> <tr> <td>Nom</td> <td><center>Volet 1</center></td> <td><center>Volet 2</center></td> <td><center>Volet 3</center></td> </tr> <tr> <td>Nom</td> <td> <center><select name="id_animob 70"> <option value="">< Choisir ></option></center> ..... </option> </select> </td> </tr> </tr> </table> Précisions (cas particuliers, temps partiel,etc.) Propositions d'animations pour l'école (préciser le contenu):<
En attendant j'ai ajouté un tas de mais bon......

ou mieux, voir à cette adresse en utilisant IE :
http://cic-nantes-est-ia44.ac-nantes...2010&Itemid=84
Choisir une école, envoyer et vous verrez le problème.

Si toutefois ce souci ne relève pas de ce forum, je me retirerai et retournerai du côté di Php. Pas de souci ;).
Bruno

27/08/2009, 13h37
RomainVALERI

Il est probable que la solution des   soit assez "8O" ...
27/08/2009, 14h18
HiRoN
Bonjour,
As-tu tenté d'englober la partie en question dans un ? (voir un <div>)

Dans tous les cas, cette partie est mal construite :
Code:

1 2 3 Précisions (cas particuliers, temps partiel,etc.) Propositions d'animations pour l'école (préciser le contenu):
27/08/2009, 14h40
Iratec

Je viens d'essayer et <div> mais ou je les place mal, ou rien ne se modifie sous IE.

Pour la partie mal construite, peux-tu m'indiquer une syntaxe correcte ?
Merci
27/08/2009, 14h43
HiRoN
Personnellement, j'aurais mis :
Code:

1 2 3 4 Précisions (cas particuliers, temps partiel,etc.) Propositions d'animations pour l'école (préciser le contenu): 
Il faudrait surtout le CSS associé...
Le problème viendrait peut-être du align="left" sur le tableau...

Ok, je vais corriger.
Un seul de mes fichiers qui ne fonctionnent pas sous IE ont un petit fichier CSS associé
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 INPUT { color:#4f5247; background-color:#dfe7e0; font-size:8px; font-family:serif; } SELECT { color: #4f5247; background-color:#dfe7e0; font-size: 10px; font-family:serif; } TEXTAREA { color:#4f5247; background-color:#dfe7e0; font-size:8px; font-family:serif; } TABLE { font-size:10px; font-family:serif; }
dans lequel il y a un strict minimum....

27/08/2009, 14h52
HiRoN

Citation:

Envoyé par HiRoN

Le problème viendrait peut-être du align="left" sur le tableau...

Tenté ? Résultat ? ;)
27/08/2009, 15h12
Iratec

Cet align="left" doit être généré par mon template sous Joomla. Comment paramétrer mon CSS pour tenter de le court circuiter ?
27/08/2009, 15h28
HiRoN

Citation:

Envoyé par Iratec

Cet align="left" doit être généré par mon template sous Joomla. Comment paramétrer mon CSS pour tenter de le court circuiter ?

N'ayant jamais eu ce cas de figure, je ne serai te dire avec précision.

Code:

table { margin:0 auto; width:100%; }

À tester...
27/08/2009, 15h41
Iratec

Ça ne le fait pas.
Je vais être obligé d'imposer Firefox :D
27/08/2009, 16h01
HiRoN
Citation:

Envoyé par Iratec

Ça ne le fait pas. Je vais être obligé d'imposer Firefox :D

Il y forcement une solution autre que celle-là...
- As-tu tenté de mettre des marge à ton (pour le faire descendre) ?
- N'as-tu aucun moyen d'enlever ce align="left" ?
- Placer le paragraphe hors du div englobant le tableau ?
- Fixer une largeur au div container de la largeur du tableau (afin d'obliger le à passer en dessous)
27/08/2009, 16h05
Iratec

J'espère bien qu'il y a une autre solution.

Je vais voir du côté du template pour essayer de modifier cet align left
Et je vais essayer toutes tes propositions.

Dès que j'ai trouvé je te tiens au courant.

Merci
27/08/2009, 16h17
Iratec

Ca y est !!! J'ai trouvé ! J'ai mis le tableau à 100% de largeur et je l'ai centré dans le CSS puis je suis allé à la pêche et j'ai vu que dans le script j'avais remis des ordres pour le tableau dont un align left !
Comme quoi trop de bien nuit parfois.

Merci pour votre aide qui m'a aidé à remettre de l'ordre dans mon script
27/08/2009, 16h19
HiRoN

Donc le CSS donné plus haut a fonctionné ? :)

Eh oui, voici le contenu

Code:

1
2
3
4
5
6
7
8
TABLE {
    margin:0 auto; 
    width:100%;
    align:center;
    font-size:10px;
    font-family:serif;
 
}