probleme affichage tableau sous IE8

**canary** · 07/04/2009, 18h45

Bonjour à tous,

Sous FF je n'ai pas de problème pour afficher mon tableau mais sous IE, la deuxième colonne passe en 2ème ligne

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title>Slide</title>
		<link rel="stylesheet" href="style/style.css" type="text/css" />
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <body>
		<?php include("Titre.php"); ?>
 
		<div id="titre">Photos</div>
		<div id="centre"> 
			<form method="post">
			<table border="0" align="center" width="700">
			<tr>
				<td><br><input type="submit" value="Changer de galerie" /></td>
				<td></td>
			</tr>
			<tr>
				<td>
					<table border="0" align="center" width="300">
					<tr>
						<td align="left" height="100">
							<b><input name="galerie" type="radio" value="0" onclick="<?php $galerie=0 ?>" checked>Galerie 1 : Passion Musique</b><br>
							<a href="http://guitare-nancy.over-blog.com" target="_blank">[Découvrir mon site web "Guitare-Nancy"]</a>
						</td>			
					</tr>
					<tr>
						<td align="left" height="100">
							<b><input name="galerie" type="radio" value="1" onclick="<?php $galerie=1 ?>">Galerie 2: Passion Modélisme</b><br>
							<a href="http://yellowsub.over-blog.com" target="_blank">[Découvrir mon site web "YellowSubmarine"]</a></td>
						</td>
					</tr>
					<tr>
						<td align="left" height="100">
							<b><input name="galerie" type="radio" value="2" onclick="<?php $galerie=2 ?>">Galerie 3 : Passion Photo</b>
						</td>
					</tr>
					</table>
					</form>
				</td>
				<td>
					<table border="0" align="center" width="400">
					<tr>
					<td align="center">
					<div id="slide">
 
						<?php
                                                        if (isset($_POST['galerie'])) 
                                                                { $resulgalerie = $_POST['galerie']; } else { $resulgalerie = ''; }
                                                                
                                                        if($resulgalerie==0)
                                                                { echo " <object type=application/x-shockwave-flash height=300 width=400 data=dewslider/Musique/dewsliderMusique.swf?xml=dewslider/Musique/dewsliderMusique.xml&amp;randomstart=1&amp;timer=5&amp;showbuttons=1&amp;showtitles=0>
                                                                  <param name=src value=dewslider/Musique/dewsliderMusique.swf?xml=dewslider/Musique/dewsliderMusique.xml&amp;randomstart=1&amp;timer=5&amp;showbuttons=1&amp;showtitles=0>
                                                                  </object> "; }
                                                                
                                                        if($resulgalerie==1)
                                                                { echo " <object type=application/x-shockwave-flash height=300 width=400 data=dewslider/Modelisme/dewsliderModelisme.swf?xml=dewslider/Modelisme/dewsliderModelisme.xml&amp;randomstart=1&amp;timer=5&amp;showbuttons=1&amp;showtitles=0>
                                                                  <param name=src value=dewslider/Modelisme/dewsliderModelisme.swf?xml=dewslider/Modelisme/dewsliderModelisme.xml&amp;randomstart=1&amp;timer=5&amp;showbuttons=1&amp;showtitles=0>
                                                                  </object> "; }
                                                                                
                                                        if($resulgalerie==2)
                                                                { echo " <object type=application/x-shockwave-flash height=300 width=400 data=dewslider/Photos/dewsliderPhoto.swf?xml=dewslider/Photos/dewsliderPhoto.xml&amp;randomstart=1&amp;timer=5&amp;showbuttons=1&amp;showtitles=0>
                                                                  <param name=src value=dewslider/Photos/dewsliderPhoto.swf?xml=dewslider/Photos/dewsliderPhoto.xml&amp;randomstart=1&amp;timer=5&amp;showbuttons=1&amp;showtitles=0>
                                                                  </object> "; } 
                                                ?>
 
					</div>
					</td>
					</tr>
					</table>
				</td>
			</tr>
			</table>	
		</div>
 
		<?php include("Bas.php"); ?>
	</body>
</html>

Merci pour votre aide!
aud-

**Poulpynette** · 08/04/2009, 09h52

Bonjour,

Je ne vois pas vraiment ce qui cloche entre le code que tu nous donnes et l'affichage sous IE. D'ailleurs j'ai la même chose sous Firefox, sauf que du PHP s'affiche (anomalie).

Peux-tu être plus précis sur ce qui te gêne ?

En revanche si je peux te donne quelques conseils :
- évite les tables à tout va et oriente-toi plutôt vers des DIV lorsqu'il s'agit de mise en page
- je trouve que ton formulaire est fermé au mauvais endroit, si on tient compte de l'endroit où tu l'ouvres

**canary** · 08/04/2009, 12h24

en image pour bien comprendre mon problème :
http://img10.imageshack.us/img10/8199/ffie.jpg

Invité · 08/04/2009, 12h26

Bonjour, plusieurs remarques sur ton code (en plus de celle de poulpynette) :
- il manque des ; ici :

Code :

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

1
2
3
onclick="<?php $galerie=0; ?>"
onclick="<?php $galerie=1; ?>"
onclick="<?php $galerie=2; ?>"

- & ? + preferer echo '......'; et garder les "..." dans le code html :

Code :

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

1
2
3
4
if($resulgalerie==0)
	{ echo ' <object type="application/x-shockwave-flash" height="300" width="400" data="dewslider/Musique/dewsliderMusique.swf?xml=dewslider/Musique/dewsliderMusique.xml&randomstart=1&timer=5&showbuttons=1&showtitles=0">
	<param name="src" value="dewslider/Musique/dewsliderMusique.swf?xml=dewslider/Musique/dewsliderMusique.xml&randomstart=1&timer=5&showbuttons=1&showtitles=0">
	</object> '; }

De plus, pour suivre la norme , il faut ecrire <br />

Invité · 08/04/2009, 12h30

Ca devrait donner ca :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Slide</title>
<link rel="stylesheet" href="style/style.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<?php include("Titre.php"); ?>
 
<div id="titre">Photos
</div>
<div id="centre"> 
	<div style="width:400px; height:300px; float:left;">
	<form id="formchoixgalerie" method="post" action="">
		<input name="galerie" type="radio" value="0" onclick="<?php $galerie=0; ?>"  checked="checked" /><b>Galerie 1 : Passion Musique</b><br />
		<a href="http://guitare-nancy.over-blog.com" target="_blank">[Découvrir mon site web "Guitare-Nancy"]</a>
		<br /><br /><br />
		<input name="galerie" type="radio" value="1" onclick="<?php $galerie=1; ?>" /><b>Galerie 2: Passion Modélisme</b><br />
		<a href="http://yellowsub.over-blog.com" target="_blank">[Découvrir mon site web "YellowSubmarine"]</a>
		<br /><br /><br />
		<input name="galerie" type="radio" value="2" onclick="<?php $galerie=2; ?>" /><b>Galerie 3 : Passion Photo</b>
		<br /><br /><br />
		<input type="submit" value="Changer de galerie" />
	</form>
	</div>
	<div id="slide" style="width:400px; height:300px;">
		<?php
                if (isset($_POST['galerie'])) 
                { $resulgalerie = $_POST['galerie']; } else { $resulgalerie = ''; }
                                
                if($resulgalerie==0)
                { echo " <object type="application/x-shockwave-flash" height="300" width="400" data="dewslider/Musique/dewsliderMusique.swf?xml=dewslider/Musique/dewsliderMusique.xml&randomstart=1&timer=5&showbuttons=1&showtitles=0">
                <param name="src" value="dewslider/Musique/dewsliderMusique.swf?xml=dewslider/Musique/dewsliderMusique.xml&randomstart=1&timer=5&showbuttons=1&showtitles=0">
                </object> '; }
                                
                elseif($resulgalerie==1)
                { echo ' <object type="application/x-shockwave-flash" height="300" width="400" data="dewslider/Modelisme/dewsliderModelisme.swf?xml=dewslider/Modelisme/dewsliderModelisme.xml&randomstart=1&timer=5&showbuttons=1&showtitles=0">
                <param name="src" value="dewslider/Modelisme/dewsliderModelisme.swf?xml=dewslider/Modelisme/dewsliderModelisme.xml&randomstart=1&timer=5&showbuttons=1&showtitles=0">
                </object> '; }
                                                
                elseif($resulgalerie==2)
                { echo ' <object type="application/x-shockwave-flash" height="300" width="400" data="dewslider/Photos/dewsliderPhoto.swf?xml=dewslider/Photos/dewsliderPhoto.xml&randomstart=1&timer=5&showbuttons=1&showtitles=0">
                <param name="src" value="dewslider/Photos/dewsliderPhoto.swf?xml=dewslider/Photos/dewsliderPhoto.xml&randomstart=1&timer=5&showbuttons=1&showtitles=0">
                </object> '; } 
                ?>
	</div>
</div>
<?php include("Bas.php"); ?>
</body>
</html>

EDIT a 15h00 : quelques corrections par rapport a la norme W3C.