Discussion :

[K4trix]

Ma bannière s'affiche parfaitement sous Firefox , mais ni sous Opéra ni sous IE quelqu'un peus m'éclairer?

lien de mon site : http://www.panken.ch/monsiteperso/index.php

le code css de la bannière :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
#en_tete
{
   width: 760px;
   height: 200px;
   background-image: url("images/bannière2.jpg");
   background-repeat: no-repeat;
   margin-bottom: 20px;
 
}

[elitost]

Effectivement la bannière n'apparait pas sur IE mais ok sur firefox.

D'ailleurs tu as du remarquer que les positionnement des autres éléments de la page changeaient aussi selon le browser.

peut être pourrais tu nous donner + d'infos les autres éléments CSS.

[K4trix]

voilà :

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
 
body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-color:#CC9966;
 
}
 
 
 
#en_tete
{
   width: 760px;
   height: 200px;
   background-image: url("images/bannière2.jpg");
   background-repeat: no-repeat;
   margin-bottom: 20px;
 
}
 
 
 
 
#menu
{
   float: left;
   width: 120px;
 
}
 
.element_menu
{
   background-color: #F9E08A;
   background-image: url("images/");
   background-repeat: repeat-x;
 
   border: 2px solid black;
 
   margin-bottom: 20px;
}
 
 
.element_menu h3
{    
   color: Black;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
 
.element_menu ul
{
   list-style-image: url("images/");
   padding: 0px;
   padding-left: 25px;
   margin: 0px;
   margin-bottom: 5px;
}
 
.element_menu a
{
   color: Black;
  font-size: 14px;
}
 
.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}
 
 
 
 
#corps
{
	width:530px;
   margin-left: 140px;
   margin-bottom: 40px;
   padding: 5px;
 
   color: black;
   background-color: #F9E08A;
background-repeat: repeat-x;
 
   border: 2px solid black;
}
 
#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
 
#corps h2
{
   height: 20px;
 
   background-image: url("images/");
   background-repeat: no-repeat;
 
   padding-left: 30px;
   color: #333333;
   text-align: left;
}
 
 
 
 
#pied_de_page
{
   padding: 5px;
width : 670px; 
   text-align: center;
 
   color: black;
   background-color: #F9E08A;
   background-image: url("images/");
   background-repeat: repeat-x;
 
   border: 2px solid black;
}

[K4trix]

La solution : j'avais simplement mis un accens dans le nom du fichier de ma bannière