Problème d'affichage IE6 IE7

**alexxxx69** · 19/06/2009, 16h12

Bonjour,

Je commence à créer un site pour mon entreprise avec dreamweaver et photoshop.

Dans dreamweaver, j'ai utilisé l'assistant pour créer le site puis ma page d'accueil.

J'ai placé mes balises div pour créer le corps de mon site avec bannière, colonne gauche droite centre, et pied de page puis j'ai créer un fichier css pour paramétrer les styles de chaque éléments.

J'ai créer une image en 1280x1024 avec photoshop et je l'ai inséré via une balise body. (format image JPG)

Ensuite j'ai créer l'image de ma bannière avec photoshop et je l'ai insérer sur mon site. Jusque là aucuns problèmes.

Aperçu avec Firefox, niquel

Aperçu avec IE6, je n'ai aucune image, ni arrière plan, ni bannière
J'essaye avec IE7 et pareil.

Vu que je débute dans la création de site ce problème est-il connu, car si je prends une autre photo que j'ai pris avec un appareil photo, les images s'affichent très bien dans IE.

Pourtant les deux images sont en format JPG, j'ai essayer de les réenregistrer avec paint et c pareil, pas d'affichage dans IE.

Merci pour vos réponses

PS dernière question, comment faire un site statique qui s'affiche correctement en 1024x768 et 1280x1024, faire deux fichiers CSS ou y-a t-il une autre méthode ?

je vous joint le code de ma page :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Eservices - Votre solution Informatique</title>
<link href="Style-site.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="page">
<!--debut bannière -->
  <div id="Bannière"></div>
  <!--fin bannière -->
  
  <!--début menu -->
  <div id="menu">Placez ici le contenu de  id "menu"</div>
  <!--fin menu -->
  
  <!--debut colonne gauche -->
  <div class="gauche">Placez ici le contenu de  class "gauche"</div>
  <!--fin colonne gauche -->
  
  <!--debut colonne centre -->
  <div class="centre">
    <p>Placez ici le contenu de  class "centre"</p>
    </div>
  <!--fin colonne centre -->
  
  <!--début colonne droite -->
  <div class="droite">Placez ici le contenu de  class "droite"</div>
  <!--fin colonne droite -->
  
  <!--debut pied de page-->
  <div id="pied">Placez ici le contenu de  id "pied"</div>
  <!--fin pied depage -->
  
</div>
</body>
</html>

et mon code 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
@charset "utf-8";
#page {
	background-color: #00FF00;
	padding: 0px;
	width: 1024px;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin: 0px;
}
#page #Bannière {
	padding: 0px;
	height: 260px;
	width: 1034px;
	background-image: url(Images/Banni%C3%A8re.jpg);
	margin: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#page #menu {
	background-color: #993300;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 1024px;
}
#page .gauche {
	background-color: #99CC33;
	margin: 0px;
	width: 175px;
	padding-top: 0px;
	padding-right: 5px;
	float: left;
}
#page .droite {
	background-color: #00FF99;
	margin: 0px;
	float: right;
	width: 180px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#page #pied {
	background-color: #FF3333;
	margin: 0px;
	clear: both;
	width: 1024px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#page .centre {
	background-color: #0066CC;
	padding: 0px;
	width: 550px;
	float: left;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 10px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(Images/arri%C3%A8re%20plan%20d%C3%A9grad%C3%A9%20noir%20bleu.jpg);
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	height: 1024px;
	width: 1280px;
}

**alexxxx69** · 19/06/2009, 19h35

autre info,

j'ai créer une image pour mon menu en 1024x250 avec 5 boutons, des effets...

et IE les affiche mais pas le reste

**ludopene** · 21/06/2009, 01h03

Bonsoir Alex,

débutant aussi alors peut être pas d'un grand secours mais ta photo ne passe pas avec IE, si tu la changes, ça passe... bizarre.

A tout hazard, le nom de ta photo a t il des accents ? par exemple bébéchezmémé.jpg ? dans ce cas renomme bebechezmeme.jpg peut être....

Bon courage,

Ludo

**alexxxx69** · 21/06/2009, 14h28

et ben merci bien, c'était juste ces accent dans arrière plan et bannière, je savais pas qu'IE n'acceptait pas les accents.

En espérant que ça serve à d'autre !!

**ludopene** · 21/06/2009, 16h25

De rien, j'ai galéré assez longtemps avec le même problème qui me rendait fou !!! un membre éclairé m'a alors dit d'enlever les accents pour mes photos mais aussi tout autre fichier, noms de pages, liens etc... pour éviter les problèmes.

Bonne continuation.

Problème d'affichage IE6 IE7

Dreamweaver

Discussions similaires

Partager

Partager