Affichage different entre 2 versions de IE

**hoaxpunk** · 01/04/2009, 11h21

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 :

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
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>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</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>
				<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>

**Macmillenium** · 01/04/2009, 12h07

Bonjour,

Les "<table ..." font bugger ton code.

**hoaxpunk** · 01/04/2009, 12h09

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

**Macmillenium** · 01/04/2009, 12h18

Donnes le code en entier stp, généré (sans php).

**RomainVALERI** · 01/04/2009, 13h27

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 ?

**hoaxpunk** · 01/04/2009, 13h34

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

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

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

<option value="Clôturée">Cl&ocirc;tur&eacute;e</option>

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

**riversatile** · 01/04/2009, 21h50

Hepepep !!! Travail avec des DIV s'il te plait, ça fonctionnera mieux !
On n'englobe jamais une TABLE avec un FORM !!!

**Poulpynette** · 02/04/2009, 10h48

Envoyé par riversatile

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

Pourquoi ça ?

Invité · 02/04/2009, 14h40

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 !

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

Code :

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

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 !)

**Poulpynette** · 02/04/2009, 15h24

Envoyé par jreaux62

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

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

Invité · 02/04/2009, 15h33

Envoyé par Poulpynette

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

Désolé Poulpynette

! J'ai pris le train en marche !

Affichage different entre 2 versions de IE

HTML

Discussions similaires

Partager

Partager