Comment rendre compatible ces <div> IE/Firefox ?
Bonjour,
J'ai un petit problème de compatibilité avec mon code CSS afin d'adapter celui-ci à Internet Explorer. Je n'ai pas trouvé comment faire pour "tricher" et le rendre compatible.
Donc mon problème se situe au niveau du Sidebar et Content. Sous IE le Sidebar vient masquer le Content....
Fichier CSS
Code:
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
|
/********** BODY **********/
html, body
{
background-color: #E6E6E6;
border: none;
height: 100%;
margin: 0;
padding: 0;
}
/********** CONTAINER **********/
#container
{
background-color: white;
border: 1px solid black;
border: 1px solid black;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
margin-top: auto;
min-height: 600px;
width: 960px;
}
/********** HEADER **********/
#header
{
height: 92px;
}
/********** SIDEBAR **********/
.sidebar
{
background-color: white;
border-top: 1px solid black;
height: 508px;
overflow: auto;
position: absolute;
width: 260px;
}
/********** CONTENT **********/
.content
{
background-color: white;
border-left: 1px solid black;
border-top: 1px solid black;
margin-left: 260px;
min-height: 508px;
}
/********** FOOTER **********/
#footer
{
background-image: url("img/copyright.png");
border-top: 1px solid black;
height: 30px;
position: relative;
} |
Fichier HTML (structure du site)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<div id="container">
<div id="header"><img src="img/header.png" alt="banniere" /></div>
<div class="sidebar">
MENU
</div>
<div class="content">
CONTENU
</div>
<div id="footer">
PIEDS DE PAGE
</div>
</div> |
Pourriez-vous m'aider ou me donner des pistes ?
En vous remerciant :ccool:
