Affichage different entre 2 versions de IE

Version imprimable

Bonjour,

Voila mon soucis, j'ai un bouton hors d'un tableau dans le code, et a l'affichage, dans IE 7 (et dans firefox), il est bien a l'extérieur de ce tableau, mais dans IE 6, il est a l'intérieur du tableau Oo
je sais que IE fait un peu ce qu'il veut, mais de la a mettre un input dans un table, alors que dans le code il est loin des balises table, c'est chagrinant !

auriez vous une idée du pourquoi du comment ?

merci

edit :
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 27 28 29 30 31 32 <form action='' method='post' name='formMaj'> <input id="0" name="txt_identifiant" type="hidden" value="blabla" /> <table align="left" width="700" border="1" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td class="tabbordless"><a onclick="affCache('div3');">Afficher Arbitrage</a><br /></td> </tr> <tr> <td> </td> </tr> <tr> <td align="center"> <div id="div3"> blabla </div> </td> </tr> </table> </td> </tr> </table> </form> <input id="bouton" onclick="valideFormulaire('formMaj');" value="Enregistrer" name="btn_maj" type="button" class="button" disabled>

01/04/2009, 12h07
Macmillenium

Bonjour,

Les "<table ..." font bugger ton code.
01/04/2009, 12h09
hoaxpunk

euh non, il y a quelque chose a la place des <table..., j'ai juste voulu allégé le code histoire que ce soit plus clair :D
01/04/2009, 12h18
Macmillenium

Donnes le code en entier stp, généré (sans php).
01/04/2009, 13h27
RomainVALERI

Montre un peu ton CSS, peut-être n'est-ce qu'un problème de placement dû à des marges/padding/etc. ?

Autre chose : le code que tu nous montres : est-ce ton code PHP avec des modifications à la main pour ne faire apparaitre que ce qui est utile ? ou est-ce réellement le code généré que tu as récupéré dans le navigateur qui affiche ta page ?

voila le code généré (affichage-> source)

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<title>apli</title>
<link href="user.css" rel="stylesheet" type="text/css">
<script src="js/functions.js" type="text/javascript"></script>
<script src="js/ajax.js" type="text/javascript"></script>
<body>
<table height="500" width="970" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
    <td height="70" colspan="3">
 
	<table align="center" width="90%" border="0" cellspacing="0" cellpadding="0">
	  <tr>
		<td width="50%" align="left"><img src="img/user_small.png" alt="Logo"></td>
		<td width="50%" align="left"><img src="img/evolsi_user_small.png" alt="apli logo"></td>
	  </tr>
	</table>
 
	</td>
  </tr>
 
 
  <tr>
    <td height="370" width="150" valign="top" align="center"><br />
<br />
<br />
<br />
<br />
<table class="tabbordless" width="91%" height="1%" border="0" cellspacing="0" cellpadding="5" align="center">
  <tr>
    <td align="left" id="accueil" onMouseOut="javascript:this.className='';" onMouseOver="javascript:this.className='fondBleu';"><a href="index.php?action=accueil" class="lien_menu"> Accueil</a></td>
  </tr>
  <tr>
    <td align="left" id="nouveau" onMouseOut="javascript:this.className='';" onMouseOver="javascript:this.className='fondBleu';"><a href="index.php?action=nouveau" class="lien_menu"> Cr&eacute;er </a></td>
  </tr>
  <tr>
    <td align="left" id="rechercher" onMouseOut="javascript:this.className='';" onMouseOver="javascript:this.className='fondBleu';"><a href="index.php?action=rechercher" class="lien_menu"> Voir</a></td>
  </tr>
  <tr>
    <td align="left" id="backoffice" onMouseOut="javascript:this.className='';" onMouseOver="javascript:this.className='fondBleu';"><a href="index.php?action=backoffice" class="lien_menu"> Recherche/Export</a></td>
  </tr>
  </table>
<br />
</td>
    <td width="820" height="370" valign="top"><span class="overflowed"><span id="alerte" align="left" style="color:#FF0000">&nbsp;</span>
<p align='left' class='piste'><img src='img/puce_user.png' /> Visualisation de demande d'evolution</p>
 
<form action='' method='post' name='formMaj'>
				<input id="0" name="txt_identifiant" type="hidden" value="SIM-GFR-258" />
				<table align="left" width="700" border="1" cellspacing="0" cellpadding="0">
					<tr>
						<td>
						1
						</td>
					</tr>
					<tr>
						<td>
						2
						</td>
					</tr>
					<tr>
						<td>
							<table width="100%" border="1" cellspacing="0" cellpadding="0">
							<tr>
							<td class="tabbordless"><a onclick="affCache('div3');">Afficher Arbitrage</a><br /></td>
							</tr>
							<tr>
							<td>&nbsp;</td>
							</tr>
							<div id="div3">
							<tr>
							<td align="center">
 
							<table width="600" border="0" cellspacing="0" cellpadding="5">
							<tr>
							<td><br />Information DSI
							<table class="tabbordless" width="87%" border="0" cellspacing="0" cellpadding="5">
							<tr>
							<td>Statut de la fiche : </td>
							<td><select name="list_statut" id="50" disabled>
							<option value="En cours">En cours</option>
							<option value="A instruire PNP">A instruire PNP</option>
							<option value="Clôturée">Cl&ocirc;tur&eacute;e</option>
							</select></td>
							</tr>
							</table>
							</td>
							</tr>
							</table>
							<input id="51" name="txt_date_creation" type="hidden" value="2009-04-01" />
 
							</td>
							</tr>
							</div>
							</table>
						</td>
					</tr>
				</table>
				</form>
				<input id="bouton" onclick="valideFormulaire('formMaj');" value="Enregistrer" name="btn_maj" type="button" class="button" disabled></span></td>
    <!--<td height="380" width="100" valign="top">>>></td>-->
  </tr>
</table>
</body>

avec ce code j'ai le bouton hors de mon tableau dans IE7 et firefox, mais je l'ai dans le tableau dans IE6

edit : lorsque je vire la balise div3 et son contenu, l'affichage fonctionne...

edit 2 : j'ai isolé le probleme, il s'emblerais que IE6 n'aime pas mon

Code:

<option value="Clôturée">Clôturée</option>

il est aparament contre les lettres accentuées dans le value.

01/04/2009, 21h50
riversatile

Hepepep !!! Travail avec des DIV s'il te plait, ça fonctionnera mieux !
On n'englobe jamais une TABLE avec un FORM !!! :evilred:
02/04/2009, 10h48
Poulpynette

Citation:

Envoyé par riversatile

On n'englobe jamais une TABLE avec un FORM !!! :evilred:

Pourquoi ça ?
02/04/2009, 14h40
Invité
Parce que ca t'a obligé a ecrire ce post !

Autre chose :
</form>
<input id="bouton" ... !?! Le bouton est a l'exterieur du formulaire !?! Y'a comme un défaut ! :cfou:

Essaye un truc du genre (si tu veux absolument garder ton tableau) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <form .... <div> <table> <tr> .... </tr> </table> <input id="bouton" ... </div> </form>
* (sans garantie !)
02/04/2009, 15h24
Poulpynette

Citation:

Envoyé par jreaux62

Parce que ca t'a obligé a ecrire ce post !

Ce n'est pas moi qui suis à l'origine du topic ;)
02/04/2009, 15h33
Invité

Citation:

Envoyé par Poulpynette

Ce n'est pas moi qui suis à l'origine du topic ;)

Désolé Poulpynette :oops: ! J'ai pris le train en marche ! :fou: