PB d'affichage site web en ligne et en local

**Tétra Citron** · 20/02/2007, 13h22

Bonjour,

J'ai un gros soucis avec mon Nouveau PC. J'ai réalisé un site Internet sur le PC d'une amie. Il n'y a aucun problème avec le site. En revanche, sur mon PC, la mise en page du site saute. Ce n'est pas un problème de résolution, j'ai déjà testé avec toutes et c'est le même résultat. Ce n'est pas non plus un problème avec le navigateur puisque le problème est le même sur IE comme sur Mozilla. Aussi, quand j'ai récupéré mon site pour faire des modifs, je me suis aperçue que l'affichage de mes pages a aussi été modifié... Il y a aussi certains sites ou les polices et l'affichage changent.
Ca ne fait pas longtemps que j'ai cet ordi, c'est un acer aspire 9420, écran 17, windows XP média center 2005.

Merci pour votre aide.

**arnobase** · 20/02/2007, 13h45

salut,

avec quoi as tu réalisé ce site ?

**Tétra Citron** · 20/02/2007, 13h53

avec dreamweaver MX 2004

**arnobase** · 20/02/2007, 13h59

c'est louche ton histoire, ca peut pas venir du PC... comment t'y es tu pris pour "récupérer" ton site ?

les polices qui changent ca vient peut etre de l'utilisation de polices non standard ?

**Jannus** · 20/02/2007, 14h02

Envoyé par Tétra Citron

la mise en page du site saute

C'est à dire ?

**Tétra Citron** · 20/02/2007, 14h10

Le texte sort de la page et il a l'air plus gros

**arnobase** · 20/02/2007, 15h23

bah colle nous ton code on verra bien si il y a quelque chose de louche

**Tétra Citron** · 20/02/2007, 15h32

Voici le code d'une page du site. Merci

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
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Plan du site T&eacute;tra Citron</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
<!--
function mmLoadMenus() {
  if (window.mm_menu_0125134302_0) return;
                          window.mm_menu_0125134302_0 = new Menu("root",68,10,"Trebuchet MS",10,"#000000","#792C3C","#FFFFFF","#FFFFFF","center","middle",0,0,1000,-5,7,true,true,false,0,false,true);
  mm_menu_0125134302_0.addMenuItem("Vocation","location='vocation.htm'");
  mm_menu_0125134302_0.addMenuItem("Missions","location='missions.htm'");
  mm_menu_0125134302_0.addMenuItem("Spécificités","location='specificites.htm'");
   mm_menu_0125134302_0.hideOnMouseOut=true;
   mm_menu_0125134302_0.bgColor='#555555';
   mm_menu_0125134302_0.menuBorder=0;
   mm_menu_0125134302_0.menuLiteBgColor='';
   mm_menu_0125134302_0.menuBorderBgColor='#FFFFFF';
  window.mm_menu_0125134741_0 = new Menu("root",100,10,"Trebuchet MS",10,"#000000","#792C3C","#FFFFFF","#FFFFFF","center","middle",0,0,1000,-5,7,true,true,false,0,false,true);
  mm_menu_0125134741_0.addMenuItem("Développement","location='developpement.htm'");
  mm_menu_0125134741_0.addMenuItem("Animations","location='animations.htm'");
  mm_menu_0125134741_0.addMenuItem("Accessibilité","location='accessibilite.htm'");
  mm_menu_0125134741_0.addMenuItem("Référencement","location='referencement.htm'");
  mm_menu_0125134741_0.addMenuItem("Hébergement","location='hebergement.htm'");
   mm_menu_0125134741_0.hideOnMouseOut=true;
   mm_menu_0125134741_0.bgColor='#555555';
   mm_menu_0125134741_0.menuBorder=0;
   mm_menu_0125134741_0.menuLiteBgColor='';
   mm_menu_0125134741_0.menuBorderBgColor='#FFFFFF';
  window.mm_menu_0125135908_0 = new Menu("root",107,10,"Trebuchet MS",10,"#000000","#792C3C","#FFFFFF","#FFFFFF","center","middle",0,0,1000,-5,7,true,true,false,0,true,true);
  mm_menu_0125135908_0.addMenuItem("Logo","location='logo.htm'");
  mm_menu_0125135908_0.addMenuItem("Carte&nbsp;de&nbsp;visite","location='carte.htm'");
  mm_menu_0125135908_0.addMenuItem("Plaquette","location='plaquette.htm'");
  mm_menu_0125135908_0.addMenuItem("Affiche","location='affiche.htm'");
   mm_menu_0125135908_0.hideOnMouseOut=true;
   mm_menu_0125135908_0.bgColor='#555555';
   mm_menu_0125135908_0.menuBorder=0;
   mm_menu_0125135908_0.menuLiteBgColor='';
   mm_menu_0125135908_0.menuBorderBgColor='#FFFFFF';

mm_menu_0125135908_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
<style type="text/css">
<!--
.Style1 {color: #FFFFFF}
.Style7 {color: #000000;
	font-size: 18pt;
}
-->
</style>
</head>

<body>
<script language="JavaScript1.2">mmLoadMenus();</script>
<table width="750" height="530" border="0" align="center" style="background: url(images/fond.gif) no-repeat">
  <tr>
    <td width="746" height="582" valign="top"><table width="737" border="0">
        <tr valign="top">
          <td height="17" colspan="8"><div align="right" class="espaceclient"> 
            <div align="right">&gt; <a href="#" class="espaceclient">Espace clients</a><span class="Style1"><br>
            </span></div>
          </div></td>
        </tr>
        <tr valign="top">
          <td height="42" colspan="8"><table width="727" border="0">
            <tr>
              <td width="149" height="37">&nbsp;</td>
              <td width="545" valign="top"><span class="espaceclient"><span class="Style1"><span class="Style7">Plongez dans notre univers !</span></span></span></td>
              <td width="19">&nbsp;</td>
            </tr>
          </table>            </td>
        </tr>
        <tr>
          <td width="171"><div align="center"></div></td>
          <td width="90" class="menu"><div align="center"><a href="index2.htm" class="menu">Accueil</a></div></td>
          <td width="90" class="menu"><div align="center"><a href="#" name="link4" class="menu" id="link1" onMouseOver="MM_showMenu(window.mm_menu_0125134302_0,-93,25,null,'link4')" onMouseOut="MM_startTimeout();">T&eacute;tra Citron</a></div></td>
          <td width="90" class="menu"><div align="center"><a href="#" name="link6" class="menu" id="link2" onMouseOver="MM_showMenu(window.mm_menu_0125134741_0,-191,25,null,'link6')" onMouseOut="MM_startTimeout();">Multim&eacute;dia</a></div></td>
          <td width="90" class="menu"><div align="center"><a href="#" name="link7" class="menu" id="link5" onMouseOver="MM_showMenu(window.mm_menu_0125135908_0,-317,25,null,'link7')" onMouseOut="MM_startTimeout();">Imprim&eacute;s</a></div></td>
          <td width="90" class="menu"><div align="center"><a href="portfolio.htm" class="menu">Portfolio</a></div></td>
          <td width="90" class="menu"><div align="center"><a href="contact.php" class="menu">Contact</a></div></td>
          <td width="0" class="menu"><div align="center"></div></td>
        </tr>
    </table>
      <table width="576" height="53" border="0">
        <tr>
          <td width="188" height="49">&nbsp;</td>
          <td width="378" valign="bottom" class="sousmenu">Plan du site </td>
        </tr>
      </table>
      <br>
      <table width="742" height="323" border="0">
        <tr>
          <td width="187"><div align="center"><img src="images/tetraplan.jpg" width="28" height="48"></div></td>
          <td width="114" height="47" valign="middle" class="plan">T&eacute;tra Citron </td>
          <td colspan="2" valign="middle" class="plan"><a href="vocation.htm" class="plan">Notre vocation</a><br>
              <a href="missions.htm" class="plan">Nos missions</a><br>
              <a href="specificites.htm" class="plan">Nos sp&eacute;cificit&eacute;s</a> </td>
        </tr>
        <tr>
          <td height="14" colspan="4"><div align="center"><img src="images/filethorizontal.jpg" width="665" height="8"></div></td>
        </tr>
        <tr>
          <td><div align="center"><img src="images/internetblancwebplan.jpg" width="77" height="48"></div></td>
          <td height="47" valign="middle" class="plan">Multim&eacute;dia</td>
          <td width="143" valign="middle" class="plan"><a href="developpement.htm" class="plan"plan"">D&eacute;veloppement Web</a><br>
              <a href="animations.htm" class="plan"plan"">Animations</a><br>
              <a href="accessibilite.htm" class="plan">Accessibilit&eacute;</a><br>
          </td>
          <td width="276" valign="middle" class="plan"><a href="referencement.htm" class="plan">R&eacute;f&eacute;rencement</a><br>
              <a href="hebergement.htm" class="plan">H&eacute;bergement</a></td>
        </tr>
        <tr>
          <td height="11" colspan="4"><div align="center"><img src="images/filethorizontal.jpg" width="665" height="8"></div></td>
        </tr>
        <tr>
          <td><div align="center"><img src="images/crayonwebplan.jpg" width="80" height="48"></div></td>
          <td height="49" valign="middle" class="plan">Imprim&eacute;s</td>
          <td valign="middle" class="plan"><a href="logo.htm" class="plan">Logo<br>
      Carte de visite</a><br>
      <a href="plaquette.htm" class="plan">Plaquette</a><br>
          </td>
          <td valign="top" class="plan"><a href="affiche.htm" class="plan">Affiche</a></td>
        </tr>
        <tr>
          <td height="10" colspan="4"><div align="center"><img src="images/filethorizontal.jpg" width="665" height="8"></div></td>
        </tr>
        <tr>
          <td><div align="center"><img src="images/portfolioweb.jpg" width="67" height="48"></div></td>
          <td height="28" valign="middle" class="plan"><a href="portfolio.htm" class="plan">Portfolio</a></td>
          <td colspan="2" valign="middle" class="plan">&nbsp;</td>
        </tr>
        <tr>
          <td height="10" colspan="4"><div align="center"><img src="images/filethorizontal.jpg" width="665" height="5"></div></td>
        </tr>
        <tr>
          <td><div align="center"><img src="images/plancontact.jpg" width="58" height="48"></div></td>
          <td height="58" valign="middle" class="plan"><a href="contact.php" class="plan">Contact</a></td>
          <td colspan="2" valign="middle" class="plan">&nbsp;</td>
        </tr>
      </table>
      <div align="right">      </div>
      <table width="739" height="25" border="0">
      <tr>
        <td width="452" height="21" valign="bottom"><div align="right"></div></td>
        <td width="277" height="20" valign="bottom"><div align="right"><span class="liensecondaire">Plan du site</span> <span class="liensecondaire">- <a href="contact.php" class="liensecondaire">Contact</a></span> <span class="liensecondaire">- <a href="conditions.pdf" target="_blank" class="liensecondaire">Conditions g&eacute;n&eacute;rales</a></span></div></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

Invité · 20/02/2007, 16h04

Mmmm !! la magnifique mise en page de Dreamweaver..... Je dois dire qu'elle ne m'a jamais manquée...

**nemo69500** · 20/02/2007, 16h06

ouai , c'est vrai , surtout qu avec ce logiciel , on a vite fais des erreurs du w3c

**Tétra Citron** · 22/02/2007, 20h18

Bonjour,

Je désespère à trouver la solution à mon problème, c'est pour ca que je m'en remets à vos connaissances.

Je vous explique.

J'ai toujours réalisé des sites web sur Dream et jusque là pas de prob. En fait, j'ai réalisé un site depuis l'ordi d'une amie et lorsque je me suis connectée sur mon NOUVEAU PC, tout était décalé (en ligne comme en local sur dream)
J'ai d'abord vérifier du coté de la résolution et ce n'est pas ca, puisque j'ai le même problème sur toutes les résolutions disponibles (actuelement je suis en 1440 x 900). Aussi, j'ai vérifier sur différents navigateurs et là, toujours le même problème.
J'ai enfin trouvé un début de solution sur un forum. J'ai converti ma feuille de style en px au lieu de pt. A ce moment là, la police n'a plus bougé et le résultat était beaucoup mieux.
Seulement, j'ai encore un petit problème. Comme j'ai deux PC sous la main, l'ancien et le fameux nouveau qui me cause tant de soucis..., je peux comparer en ligne l'afichage du site. Sur l'ancien ordi, le site est nickel en revanche sur le nouveau, j'ai encore le texte du bas qui saute.

Vous trouverez ci joint des impécr des deux versions.

Je tenais à préciser que j'ai ce roblème uniquement sur IE, toutes version 6 et 7. Sur Firefox RAS, si ce n'est un petit décalage du tout vers le haut.

Si quelqu'un a une solution à ce problème étrange qu'il n'hésite pas.

Merci beaucoup.

PB d'affichage site web en ligne et en local

Dépannage et Assistance

Discussions similaires

Partager

Partager