Discussion :

[Iratec]

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 HTML :

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

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><b>Nom</b></td>
	<td><b><center>Volet 1</center></b></td>
	<td><b><center>Volet 2</center></b></td>
	<td><b><center>Volet 3</center></b></td>
</tr>
 
 
<tr>
	<td>Nom</td>
 
	<td>
	<center><select name="id_animob 70">
		<option value="">< Choisir ></option></center>
.....
		</option>
	</select>
	</td>
</tr>
 
</tr>
</table>
<br/><br/>
<b>Précisions (cas particuliers, temps partiel,etc.)</b><br/>
<b>Propositions d'animations pour l'école (préciser le contenu):</b><

En attendant j'ai ajouté un tas de <br/> 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

[RomainVALERI]

Il est probable que la solution des <br/> soit assez "" ...

[HiRoN]

Bonjour,
As-tu tenté d'englober la partie en question dans un <p> ? (voir un <div>)

Dans tous les cas, cette partie est mal construite :

Code :

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

1
2
3
<br/><br/>
<b>Précisions (cas particuliers, temps partiel,etc.)</b><br/>
<b>Propositions d'animations pour l'école (préciser le contenu):</b>

[Iratec]

Je viens d'essayer <p> 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

[HiRoN]

Personnellement, j'aurais mis :

Code HTML :

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

1
2
3
4
<p>
<b>Précisions (cas particuliers, temps partiel,etc.)</b><br/>
<b>Propositions d'animations pour l'école (préciser le contenu):</b>
</p>

Il faudrait surtout le CSS associé...
Le problème viendrait peut-être du align="left" sur le tableau...

[Iratec]

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

Code :

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

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

[HiRoN]

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

Tenté ? Résultat ?

[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 ?

[HiRoN]

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 CSS :

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

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

À tester...

[Iratec]

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

[HiRoN]

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

Il y forcement une solution autre que celle-là...

• As-tu tenté de mettre des marge à ton <p> (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 <p> à passer en dessous)

[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

[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

[HiRoN]

Donc le CSS donné plus haut a fonctionné ?

[Iratec]

Eh oui, voici le contenu

Code :

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

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