probleme de compatibilité

**kazuzu** · 13/01/2011, 15h04

bonjours a vous,

Voila je suis confronté à un problème de compatibilité avec le site internet que je suis en train de développer. je m'explique :

je developpe mon projet en PHP/MySQL et j'utilise du JQuery mon projet est sur un serveur apache.
Avec Internet Explorer quand "j'execute" mon site en local sa m'affiche bien tout correctement et idem avec FireFox.
Quand j'accède a mon site à distance à partir d'un autre PC sur FireFox le rendu est parfait mais avec Internet Explorer sa affiche n'importe comment bien que sur mon PC en local c'est niquel !

Auriez vous une solution à offrir ? parce que si problème de compatibilité il y a sa devrait faire la meme chose sur mon PC ? ? ?
Je précise j ai IE8 et sur les autres PC ou j ai effectué les test sont aussi sous IE8 voila,
d'avance merci.

**Bovino** · 13/01/2011, 15h19

Oui, c'est très simple, en s'inspirant du code que tu montres, ça donne :

Code :

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

abracadabra();

**kazuzu** · 13/01/2011, 15h46

désolé voici le code :

fichier index.php :

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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
 
<!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>
 
		<!-- indique ou se trouve le plug-in JQuery -->
		<script type="text/javascript" src="js/jquery.js" ></script>
		<!--debut du script JQuery-->
		<script type="text/javascript">
                //<!--  
                        $(document).ready(function()
                        {       
                                
                                $("#corps").css('background','rgb(164,157,155)');//.css('background','rgb(204,208,14)');
                                $("h3").css('color','rgb(230,135,79)');
                                
                                $("#sous_menu_1").css('background','rgb(164,157,155)');
                                $("#sous_menu_2").css('background','rgb(164,157,155)');
                                $("#sous_menu_3").css('background','rgb(164,157,155)');
                                $("#sous_menu_4").css('background','rgb(164,157,155)');
                                
                                $("#titre_site").animate(
                                        { 
                                                //width: "70%",
                                                //opacity: 0.4, 
                                                //marginLeft: "0.6in",
                                                fontSize: "1em"
                                                //borderWidth: "10px"
                                        }, 
                                        1500);
                                /*cette manière de faire simplifie le fait qu il ne faut pas 
                                ecrire le code avec les instruction de PHP*/
                                <?php
                                
                                if(!isset($_GET['idPage']))
                                {
                                ?>
                                        // cache les éléments du DOM
                                        $("#head").hide();
                                        $("#menu").hide();
                                        $("#corps").hide();
                                        $("#footer").hide();
                                        $("#acceuil").hide();
                                
                                        //fait apparaitre les éléments du DOM
                                        $("#head").fadeTo('slow','1');
                                        $("#menu").fadeTo('slow','1');
                                        $("#corps").fadeTo('slow','1');
                                        $("#footer").fadeTo('slow','1');
                                        $("#acceuil").fadeTo('slow','1');
                                        
                                        $("#titre_site").animate(
                                        { 
                                                //width: "70%",
                                                //opacity: 0.4, 
                                                //marginLeft: "0.6in",
                                                fontSize: "1em"
                                                //borderWidth: "10px"
                                        }, 
                                        1500, 
                                        function()
                                        {
                                                alert("Bienvenue sur le site d'aide à l'emploi du CPAS");
                                        });
                                <?php
                                }
                                ?>
                                
                                /*
                                //cache les sous menu
                                $("#sous_menu_1").hide();
                                $("#sous_menu_2").hide();
                                $("#sous_menu_3").hide();
                                $("#sous_menu_4").hide();
                                
                                $("#menu_1").click(function() 
                                {
                                        if ($("#sous_menu_1").is(':hidden')) 
                                        {
                                                $("#sous_menu_1").slideDown('slow');
                                        }
                                        else 
                                        {
                                                $("#sous_menu_1").hide('slow');
                                        }
                                });
                                
                                $("#menu_2").click(function() 
                                {
                                        if ($("#sous_menu_2").is(':hidden')) 
                                        {
                                                $("#sous_menu_2").slideDown('slow');
                                        }
                                        else 
                                        {
                                                $("#sous_menu_2").hide('slow');
                                        }
                                });
                                
                                $("#menu_3").click(function() 
                                {
                                        if ($("#sous_menu_3").is(':hidden')) 
                                        {
                                                $("#sous_menu_3").slideDown('slow');
                                        }
                                        else 
                                        {
                                                $("#sous_menu_3").hide('slow');
                                        }
                                });
                                
                                $("#menu_4").click(function() 
                                {
                                        if ($("#sous_menu_4").is(':hidden')) 
                                        {
                                                $("#sous_menu_4").slideDown('slow');
                                        }
                                        else 
                                        {
                                                $("#sous_menu_4").hide('slow');
                                        }
                                });
                                */
                        });
                //-->
                </script>
 
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
		<link rel="stylesheet" type="text/css" href="css/design.css"/>
		<title>Cpas de Tournai - aide à l'insertion</title>
 
	</head>
 
	<body >
 
		<?php
                        include("head.php");
                        include("menu.php");
                        include("corps.php");
                        include("footer.php");          
                ?>
 
	</body>
</html>

fichier head.php :

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
 
 
<?php
 
        try
        {
                $PDO_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
                $connectionBDD = NEW PDO('mysql:host=localhost;dbname=cpas-tournai-be','root','',$PDO_options);
                
                $requete = $connectionBDD->query('SELECT * FROM insertion_job WHERE typeTexte=\'TP\'');
                $donne = $requete->fetch();
                
                $requete = $connectionBDD->query('SELECT * FROM insertion_job WHERE typeTexte=\'LO\'');
                $logo = $requete->fetch();
        
                echo '<div id="head">';
                        
                        echo '<div id="logo">';
                                echo '<img src='.$logo['textePrecedent'].'alt="logo du site">';
                        echo '</div>';
                        
                        echo '<div id="titre_site">';
                                echo '<h3>'.$donne['textePrecedent'].'</h3>';
                        echo '</div>';
                        
                        echo '<div id="acceuil">';
                                echo '<a href="index.php">Acceuil</a>';
                        echo '</div>';
                        
                echo '</div>';
                
                $requete->closeCursor();
                
        }
        catch(Exception $e)
        {
                die('Erreur :'.$e->getMessage());
        }
        
        
 
?>

le fichier menu.php :

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
 
 
<?php
        
        echo "<div id='menu'>";
        
                echo "<div id='element_menu'>";
                
                        echo '<ul class="non_puce">';
                        
                        try
                        {
                                $PDO_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
                                $connectionBDD = NEW PDO('mysql:host=localhost;dbname=cpas-tournai-be','root','',$PDO_options);
                                
                                //recupère les éléments du menu principale
                                $requete_1 = $connectionBDD->query('SELECT * FROM insertion_job WHERE typeTexte=\'MP\'');
                        
                                $compteur = 0;
                                
                                //agencement des menus
                                while($donne = $requete_1->fetch())
                                {
                                        $compteur = $compteur +1;
                                
                                        echo "<li id='menu_$compteur' class='gras'>".$donne['textePrecedent']."</li>";
                                
                                        echo "<div id='sous_menu_$compteur'>";
                                        echo '<ul class="non_puce">';   
                                
                                        //recupère les éléments des sous menus
                                        $requete_2 = $connectionBDD->query('SELECT * FROM insertion_job WHERE typeTexte=\'SM\'');
                                        
                                        //agencement des sous-menus
                                        while($donne_2 = $requete_2->fetch())
                                        {       
                                                $text_1 = $donne['idPage'];
                                                $text_1 = substr($text_1,0,3);
                                        
                                                $text_2 = $donne_2['idPage'];
                                                $text_2 = substr($text_2,0,3);
                                        
                                                if(substr_compare($text_1,$text_2,0,3)==0)
                                                {
                                                        $id = $donne_2['pointeVers'];
                                                        echo "<li><a href='index.php?idPage=$id'>".$donne_2['textePrecedent']."</a></li>";
                                                }
                                                
                                        }
                                        $requete_2->closeCursor();
                                        echo '</ul>';
                                        echo '</div>';
                                }
                                $requete->closeCursor();
                                echo "</ul>";
                        
                                echo "</div>";
                
                                echo "</div>";
                        }
                        catch(Exception $e)
                        {
                                die('Erreur :'.$e->getMessage());
                        }
        
?>

le fichier corps.php :

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
103
104
105
106
107
108
109
110
111
112
113
114
 
 
<?php
                
        try
        {
                $PDO_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
                $connectionBDD = NEW PDO('mysql:host=localhost;dbname=cpas-tournai-be','root','',$PDO_options);
                
                if(!isset($_GET['idPage']))
                {
                        $requete_1 = $connectionBDD->query('SELECT * FROM insertion_job WHERE idPage=\'P00000\'');
                        echo '<div id="corps">';
                        
                                echo '<p>';
                        
                                        while($donne = $requete_1->fetch())
                                        {
                                                if($donne['typeTexte'] == "DT")
                                                {
                                                        echo '<h4>'.$donne['textePrecedent'].'</h4>';
                                                }
                                                if($donne['typeTexte'] == "DX")
                                                {
                                                        echo '<p>'.$donne['textePrecedent'].'</p>';
                                                }
                                        }
                                        $requete_1->closeCursor();
                                        
                                echo '</p>';
                
                        echo '</div>';
                }
                if(isset($_GET['idPage']))
                {       
                        $i = 0;
                        $requete_1 = $connectionBDD->query('SELECT * FROM insertion_job WHERE idPage=\''.$_GET['idPage'].'\'AND sequence > 0 ORDER BY sequence');
                        
                        echo '<div id="corps">';
                        
                                echo '<p>';
                                        if($_GET['idPage']=="P01011" OR $_GET['idPage']=="P01021" OR $_GET['idPage']=="P01121")
                                        {
                                                $requete_2 = $connectionBDD->query('SELECT * FROM insertion_job WHERE idPage=\'P01001\' AND typeTexte=\'DU\' ORDER BY sequence');
                                                echo '<div class="rappelMenu">';
                                                        echo '<span class="gras">Le CV</span><br/>';
                                                        while($donnee_2 = $requete_2->fetch())
                                                        {
                                                                $id = $donnee_2['pointeVers'];
                                                                echo "<a href='index.php?idPage=$id'>".$donnee_2['textePrecedent']."</a><br/>";
                                                        }
                                                        $requete_2->closeCursor();
                                                echo '</div>';
                                        }
                                        while($donne = $requete_1->fetch())
                                        {
                                                
                                                //si c'est le titre d'un texte
                                                if($donne['typeTexte'] == "DT")
                                                {
                                                        echo '<h4>'.$donne['textePrecedent'].'</h4>';   
                                                }       
                                                //si c'est du texte simple
                                                if($donne['typeTexte'] == "DX")
                                                {
                                                        echo '<p>'.$donne['textePrecedent'].'</p>';
                                                        
                                                }
                                                //si c'est une URL
                                                if($donne['typeTexte'] == "DU")
                                                {
                                                        $id = $donne['pointeVers'];
                                                        echo "<center><a href='index.php?idPage=$id'>".$donne['textePrecedent']."</a></center><br/>";
                                                }
                                                //si le texte est numéroté
                                                if($donne['typeTexte'] == "DN")
                                                {
                                                        $i = $i + 1;
                                                        echo '<span class="tabulation">'.$i.'.<span class="tabulation">'.$donne['textePrecedent'].'</span></span><br/>';
                                                }
                                                if($donne['typeTexte'] == "AU")
                                                {
                                                        echo "<p>".$donne['textePrecedent']."<a href='http://www.google.com/'>".$donne['url']."</a></p>";
                                                }
                                                if($donne['typeTexte'] == "AP")
                                                {
                                                        $id = $donne['pointeVers'];
                                                        
                                                        if($_GET['idPage']=="P01021")
                                                        {
                                                                echo "<span class='tabulation'>".$donne['textePrecedent']."<a href='index.php?idPage=$id' class='gras'>".$donne['url']."</a>".$donne['texteSuivant']."</span><br/>";
                                                        }
                                                        else
                                                        {
                                                                echo $donne['textePrecedent']."<a href='index.php?idPage=$id'>".$donne['url']."</a>".$donne['texteSuivant']."<br/>";
                                                        }
                                                }
                                                if($donne['typeTexte'] == "DI")
                                                {
                                                        echo "<span class='italique'>".$donne['textePrecedent']."</span>";
                                                }
                                        }
                                        $requete_1->closeCursor();
                                echo '</p>';
                
                        echo '</div>';
                }
        }
        catch(Exception $e)
        {
                die('Erreur :'.$e->getMessage());
        }
                
?>

le fichier footer.php :

Code :

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

1
2
3
4
5
6
7
8
9
 
 
<?php
        echo '<div id="footer">';
                echo '<p>
                                <span class="gras">Copyright</span> CPAS de Tournai
                        </p>';
        echo '</div>';
?>

mon fichier css:

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
103
104
105
106
107
108
109
110
111
112
113
114
 
.element a
{
	color : #C5C5B5;
}
 
.element_menu a:hover
{
	background-color : #B3B3B3;
	color : black;
}
#logo
{
	float : left;
	width : 25%;
}
#acceuil
{
	position : relative;
	margin-top : 100px;
}
#titre_site
{
	margin-left : -50px;
	font-size : 0.1px;
}
#head  h3,.centrer
{
	text-align: center;
}
#head
{
	/*height : 40%;*/
	/*margin-bottom : 0px;*/
}
#menu
{
	float : left;
	display : inline;
	position : absolute;
	padding-right : -50px;
	text-align : justify;
	width: 375px;
 
}
 
#corps
{
 
	position : relative;
	margin-left : 500px;
	margin-right : 50%;
	width : 45%;
	height : 100%;
}
 
#footer
{
	position :relative;
	top: 500px;	
}
.gras
{
	font-weight:bold;
}
.rappelMenu a
{
	margin-left : 8%;
}
.rappelMenu
{
	width : 39%;
	height : 50%;
	font-size : 0.7em;
}
.tabulation
{
	margin-left:30px;
}
.italique
{
	font-style : italic;
}
#footer p
{
	text-align: center;
}
#corps p
{
	margin-left : 10px;
}
#corps h4
{
	text-align : center;
}
.non_puce
{
	list-style-type: none;
}
a
{
	text-decoration : none;
	color :rgb(194,91,29);
}
body
{
 
	font-family: georgia,Times New Roman, Times, serif;
 
}
li
{
	text-align : justify;
}

**RomainVALERI** · 13/01/2011, 21h20

Envoyé par Bovino

Oui, c'est très simple, en s'inspirant du code que tu montres, ça donne :

Code :

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

abracadabra();

@kazuzu : du PHP ?

**ABCIWEB** · 14/01/2011, 02h04

Oui vaudrait mieux que tu fournisse le code source de ta page qui bug.

Sinon à tout hasard t'aurais pas oublié de poster un fichier sur le serveur distant (qui serait à jour sur le serveur d'évaluation).
Et que donne ta page au validateur ?
Aussi tu n'a pas précisé si le défaut de mise en page concerne le html généré par jquery.
Et puis si ta page est en ligne tu pourrais peut-être donner le lien ...

**kazuzu** · 14/01/2011, 06h57

heu non la page n est pas en ligne on a créer un alias avec wamp server.
sinon le script JQuery passe bien en fait le menu qui est sensé etre a gauche se retrouve centrer avec la div corps sur le millieu de la page

probleme de compatibilité

HTML

Vue hybride

Discussions similaires

Partager

Partager