Problème d'affichage sous IE

**Peexstudio** · 15/11/2009, 17h51

Bonjour,

Je viens de me rendre compte que mes pages web ne s'affichaient pas du tout correctement sous IE, alors que sous Firefox, Opéra, Safari... tout marche correctement! o_O

De plus j'avais au préalable fais un aperçu via les navigateurs avant d'envoyer ces pages sur mon ftp, et tout fonctionnait sous ie :o ! c'est une fois en ligne que c'est le fouillis complet.

Voici les pages en questions: http://peexstudio.fr/fr/accueil.html

-----------------------------

J'en est profité pour généré à l'aide de validator.w3.org (ICI) quelques erreures de codage mais là encore je ne comprend pas, d'après lui mes problèmes se focalisent sur la fin de mon code xhtml, sur les dernieres balises, elles se fermes correctement pourtant non ?

Breff un peux d'aide serrait la bienvenue,
merci!

**FredPsy** · 15/11/2009, 20h37

Effectivement, il y a un problème sous IE8 avec l'animation flash.

Elle est toute petite.

De plus, ta balise html à une déclaration type XHTML alors que la DTD et HTML4.01 d'où le

Code :

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

1
2
 
Namespace Found in non-XML Document

Passe la DTD à

Code :

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

1
2
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

à la ligne 52, tu as une div fermée alors qu'elle n'a pas été ouverte plus haut.

à la ligne 76, il manque un </div>

à la ligne 23 tu as un id="Flash" et à la ligne 47 tu as un id="Flash"

Tiens voilà ton code modifié valide :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
  <head>
    <title>
      Peexstudio | A new glance in the graphic work
    </title>
    <link rel="shortcut icon" type="image/x-icon" href="http://peexstudio.fr/favicon.ico" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="description" content=
    "Réalisation de travaux divers et variés dans le domaine de la communication graphique." />
    <meta name="keywords" content="design, peexstudio, pinto, gobelins, graphique" />
    <link rel="stylesheet" media="screen" type="text/css" title="design" href="style_portfolio.css" />
 
<style type="text/css">
/*<![CDATA[*/
 div.c3 {width: 893px; margin:auto; text-align: center}
 div.c1 {position: absolute; bottom: 0px; left: 0pt; z-index: -1;}
/*]]>*/
</style>
  </head>
  <body>
    <div class="c1">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1000" height="500" id="Flashouille">
        <param name="movie" value="player.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="flashvars" value="controlbar=none&amp;file=planisphere1.flv&amp;autostart=true&amp;repeat=always" />
 
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="player.swf" width="1000" height="500">
          <param name="flashvars" value="controlbar=none&amp;file=planisphere1.flv&amp;autostart=true&amp;repeat=always" />
          <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
          <!--<![endif]-->
          <a href="http://www.adobe.com/go/getflashplayer"><img src=
          "http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt=
          "Get Adobe Flash player" /></a> <!--[if !IE]>-->
        </object> <!--<![endif]-->
 
      </object>
    </div>
    <div id="sous_menu">
        <ul id="skyline2">
          <li id="Logos"><a href="http://peexstudio.fr/site/portfolio/logos.html"></a></li>
          <li id="Flyers"><a href="http://peexstudio.fr/site/portfolio/flyers.html"></a></li>
          <li id="Sites_web"><a href="http://peexstudio.fr/site/portfolio/sites_web.html"></a></li>
          <li id="Flash"><a href="http://peexstudio.fr/site/portfolio/flash.html"></a></li>
          <li id="Medias"><a href="http://peexstudio.fr/site/portfolio/medias.html"></a></li>
 
        </ul>
    </div>
      <div id="en_tete">
          <div class="c3">
        <ul id="skyline">
          <li id="panel1b">
            <a href="http://peexstudio.fr/fr/accueil.html"></a>
          </li>
 
          <li id="panel2b">
            <a href="http://peexstudio.fr/fr/presentation.html"></a>
          </li>
          <li id="panel3b">
            <a href="http://peexstudio.fr/fr/portfolio.html"></a>
          </li>
          <li id="panel4b">
            <a href="http://peexstudio.fr/fr/nosservices.html"></a>
          </li>
 
          <li id="panel5b">
            <a href="http://peexstudio.fr/fr/nouscontacter.html"></a>
          </li>
        </ul>
      </div>
      </div>
      <table>
        <tbody>
          <tr>
            <th>
 
              Peexstudio vous ouvre ses portes !
            </th>
            <th>
              Age
            </th>
          </tr>
          <tr>
            <td>
              Le projet Peexstudio vous offre tout son savoir faire en matière de créations graphique web et print
              moyennant une petite contribution de votre part. Les tarifs restes très accessible, il ne s'agit pas
              de commercialiser nos services à des fins profesionnel mais dans le seul but d'assurer notre avenir
              en utilisants ses fonds pour financer nos études. Vous trouverez de plus amples informations dans les
              pages prévues à cet effet.
            </td>
 
            <td>
              La qualité de nos travaux est le résultat d'une soif de réussite et de longues années de pratique en
              milieu profesionnel . Une perpetuelle évolution nous permettant d'enrichir notre experience afin de
              vous donner les meilleurs rendus possible et tout cela biensur dans les meilleurs délais. Ces délais
              varies selon plusieurs critères: - Le type de création demandé - La disponibilité du de l'équipe
              <em>(bien que notre motivation n'est pas des moindres il faut pas oublier que nous ne sommes
              éutidants, aussi nos emplois du temps peuvent nous contraindre d'alonger le temps de
              production)</em>.
            </td>
          </tr>
          <tr>
            <th>
 
              Peexstudio vous ouvre ses portes !
            </th>
            <th>
              Age
            </th>
          </tr>
          <tr>
            <td>
              Le projet Peexstudio vous offre tout son savoir faire en matière de créations graphique web et print
              moyennant une petite contribution de votre part. Les tarifs restes très accessible, il ne s'agit pas
              de commercialiser nos services à des fins profesionnel mais dans le seul but d'assurer notre avenir
              en utilisants ses fonds pour financer nos études. Vous trouverez de plus amples informations dans les
              pages prévues à cet effet.
            </td>
 
            <td>
              La qualité de nos travaux est le résultat d'une soif de réussite et de longues années de pratique en
              milieu profesionnel . Une perpetuelle évolution nous permettant d'enrichir notre experience afin de
              vous donner les meilleurs rendus possible et tout cela biensur dans les meilleurs délais. Ces délais
              varies selon plusieurs critères: - Le type de création demandé - La disponibilité du de l'équipe
              <em>(bien que notre motivation n'est pas des moindres il faut pas oublier que nous ne sommes
              éutidants, aussi nos emplois du temps peuvent nous contraindre d'alonger le temps de production)</em>
            </td>
          </tr>
        </tbody>
 
      </table>
      <div id="copyright">
        Copyright 2007 - 2009 © Peexstudio, tous droits réservés
      </div>
      <img src="cadrecopyright.png" alt="Image copyright" />
    <div id="_ilx_updateIcon_"></div>
    <div id="_alertShown_"></div>
  </body>
</html>

**Peexstudio** · 15/11/2009, 22h32

Merci FredPsy de m'avoir apporté quelques corrections sur ma page, cependant le problème persiste toujours, j'ai ça sous IE moi:

ACCUEIL

SECTION PORTFOLIO

Je sais pas se que tu en pense mais à mon avis c'est plutôt du coté css que sa merde non?
Mais alors pourquoi pas sur FF...

**FredPsy** · 15/11/2009, 22h56

Effectivement, l'affichage sur IE diffère.

Sur IE8, lorsque je clique sur affichage compatibilité, j'ai la même chose que toi sur portfolio, lorsque je désactive, c'est bon.

Par contre sur l'accueil, j'ai un gros bandeau noir comme toi.

Etrange.

Par contre maintenant, j'ai le flash à la bonne taille.

**Peexstudio** · 15/11/2009, 23h03

Aaah, ba voila! c'était le petit bouton à l'extrême droite de la fenêtre (saisie de recherche). Pour afficher la compatibilité comme tu l'a dis! Mais alors cela veut dire qu'un internaute ne connaissant pas ce petit bouton verra par défaut ce décalage? on ne peux pas demander à IE de charger le site en prenant en compte la compatibilité directement? (xhtml, css) je ne sais pas...

Ne tinquiete pas pour le bandeau noir au dessus, il s'agit en réalité de la taille de l'image: http://peexstudio.fr/aa.jpg qui correspond au bandeau en dégradé du haut de la page.
Cette image est dupliquée en x et sa auteur comprend aussi un bandeau noir, c'est fait expret, par contre sur Accueil, ce bandeau noir est beaucoup plus gros, peut être es-ce là où tu voulais en venir?

**Bovino** · 16/11/2009, 12h14

Salut.
Pour forcer le mode IE7, il faut rajouter une balise meta :

Code :

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

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Problème d'affichage sous IE

HTML

Vue hybride

Discussions similaires

Partager

Partager