Pas de margin-top lors de la simulation de position:fixed sous IE
Salut,
En utilisant l'exemple de la FAQ : Comment simuler le style CSS "position : fixed" sous Internet Explorer, sans utiliser de javascript ?. Un problème intervient dans mon adaptation. La propriété margin-top n'a aucun effet sur #contenu sous IE, je suis obligé d'utiliser padding-top. Savez-vous pourquoi?
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
| <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"
lang="fr">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
<title>jquery mon album photo</title>
<style type="text/css">
* {margin:0; padding:0; background-color:#000000;}
#entete {
width:100%;
height:100px;
background-color:#111111;
position:fixed;
top:0;
left:0;
color:#dddddd;
position:expression("absolute");
width:expression("100%");
top:expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);
left:expression("0px");
}
#contenu {
padding-top:120px;
width:500px;
background-color:#222222;
color:#dddddd;
}
</style>
</head>
<body>
<div id="entete">ENTETE</div>
<div id="contenu">Du texte à mettre
</div>
</body>
</html> |
Merci par avance.
PS: sans utiliser javascript, c'est vite dit...
