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?
Merci par avance.
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 <?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>
PS: sans utiliser javascript, c'est vite dit...
Partager