Affichage different firefox et IE7

**attila771** · 03/06/2007, 19h20

Bonjour voila j'ai un petite probleme je n'obtient pas la même chose sous Firefox et sous internet Explorer 7
en fait c'est etonnant mais sous IE7 sa marche nickel mais pas sous firefox Grrr
J'ai valider mon CSS mais rien toujours ce probleme
Il n'y a pas de fonction qui sont comprise que par l'un des deux navigateur des fois??
VoiCi mon 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
 
body {
width : 1024px;
height : 576px;
padding : 0;
margin : 60px 0 0 0;
background : url(../images/culture.jpg) no-repeat;
background-position : center center;
}
div#left {
float : left;
width : 29%;
height : 91%;
color : white;
border: 1px solid #000;
}
div#theme_fr {
font-weight : bold;
font-family : arial, sans-serif;
font-size : 30px;
margin-left : 16%;
margin-top : 91%;
}
div#theme_en {
font-family : arial, sans-serif;
font-size : 23px;
margin-left : 16%;
margin-top : 2%;
}
div#right {
float : right;
width : 29%;
height : 91%;
border: 1px solid #000;
}
div#middle {
float : left;
height : 91%;
width : 41%;
text-align : center;
padding : 0 10px 0 10px;
border: 1px solid #000;
}
div#message {
margin : 20% 0 25% 0;
}
div#message TD {
font-family : arial, sans-serif;
font-size : 20px;
vertical-align : top;
font-weight : bold;
padding : 0 0 30px 10px;
}
DIV#position_politesse {
position : absolute;
top : 78%;
left : 30%;
width : 100%;
}
DIV#politesse {
color : #52b1b4;
font-size : 18px;
}
DIV#heure {
width : 60px;
height : 60px;
margin-left : 61%;
margin-top : 36%;
}
DIV#flash {
margin-left : 25%;
}

Ensuite voici mon HTMl

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
  <HEAD>
    <META http-equiv="content-type" content="text/html; charset=windows-1250">
    <LINK rel="stylesheet" type="text/css" href="./include/fiche.css">
<SCRIPT LANGUAGE="JavaScript" SRC="./include/previsualiser.js"></script>
 
    <TITLE> Culture
    </TITLE>
  </HEAD>
  <body>
 
    <div id="left">
    <div id="theme_fr">
    Restauration    </div>
    <div id="theme_en">
      Restauration    </div>
    </div>
    <div id="middle">
    <div id="message">
 
    <TABLE>
    <TR>
 
    <TD><IMG SRC="./images/image_modifier/fleche1.jpg" WIDTH=29 HEIGHT=20/></TD>
<TD>Du <font color="#cc9900">10 septembre au 30 novembre 2007</font><br />From <font color="#cc9900">September 10 to November 30 2007</font><br /></TD></TR><TR>                    
          <TD><IMG SRC="./images/image_modifier/fleche1.jpg" WIDTH=29 HEIGHT=20/></TD>
<TD>FIAP: Salle / <i>room</i> d'Oslo<br /></TD></TR><TR>                  
         <TD><IMG SRC="./images/image_modifier/fleche1.jpg" WIDTH=29 HEIGHT=20/></TD>
 
<TD><i>Lilyane Marguier</i><i><font color="#339900"><font size="3" /></font></i></TD></TR><TR>                    
              <TD><IMG SRC="./images/image_modifier/fleche1.jpg" WIDTH=29 HEIGHT=20/></TD>
<TD>Peinture/ <i>Painting</i><br /></TD></TR>
      </TABLE>
      </DIV><!-- fin <div id="message"> -->
 
            <DIV id="position_politesse">
              <TABLE >
                <TR>
                  <TD>
 
                    <IMG SRC="./images/image_modifier/vague.jpg" WIDTH=38 HEIGHT=40 /></TD>
                  <TD>
                       <DIV id="politesse">
                      autre<br/>So Beautiful</DIV>
                   </TD>
                  <TD>
                    <IMG SRC="./images/image_modifier/vague.jpg" WIDTH=38 HEIGHT=40 /></TD>
                </TR>
 
              </TABLE> 
               </DIV>
    </DIV><!-- fin <div id="middle"> -->
    <div id="right">
      <div id="flash">
       <!--
       Affichage du flash sur la coté droit avec les images en fonction du groupes
      -->
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="215" height="390" id="domino_double" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="./flash/domino_double.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />
 
<!--Variables pour l'application FLASH domino_double (voir aussi dans EMBED-->
 
<param name="FlashVars" value="&img1=./images/image_modifier/Collines.jpg&img2=./images/image_modifier/Nenuphars.jpg">
<embed src="./flash/domino_double.swf" flashvars="&img1=./images/image_modifier/Collines.jpg&img2=./images/image_modifier/Nenuphars.jpg" quality="high" bgcolor="#ffffff" width="215" height="390" name="domino_double" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
 
      </div> 
      <DIV id="heure">
          31/05/2007          <script>dT();</script>
      </div>
    </div><!-- fin <div id="right"> -->
 
  </body>
  <META http-equiv="Refresh" content="5;URL=see_fiap_fiche.php?i=1&borne=1"/>
</HTML>

Le probleme est qu'il y a des vieux decalage entre les deux navigateur ...
Voila si vous avez des questions je suis a votre disposition
Merci
Cordialement
AttiliA

**Candygirl** · 03/06/2007, 20h03

Hello, perso j'ai besoin d'une petite précision:

Envoyé par attila771

[/code]
Le probleme est qu'il y a des vieux decalage entre les deux navigateur ...

Que signifie un "vieux" décalage?

Autrement, la première chose source de différence dans ton code est la présence d'un dctype incomplet. IE reste donc en mode quirk. Le doctype complet correspondant est le suivant:

Code html :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

**attila771** · 03/06/2007, 21h08

j'ai rajouter la doctype et IE n'aime pas du tous il fais n'importe quoi dans l'affichage des superposition,decalage ect.. je vais voir demain pour essayer de modifier sa avec cette Doctype et je te dirais si c'est bon merci
Cordialement
AttiliA

Affichage different firefox et IE7

CSS

Vue hybride

Discussions similaires

Partager

Partager