Bonjour,

Malheur à IE, j'ai un div qui est décallé dans mon header
Marche bien sous Firefox.

Le code du header :

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
    <!-- header -->
<div id="header-bg">
   <a href="/" ><div id="header"></div></a>
 
   <div style="position:absolute; margin:-290px 0 0 350px;">
<div id="player"><img src="/images/10things-logo.jpg" width="380" height="288" alt="10 Things I Hate About You"></div>
<script type="text/javascript">
var so = new SWFObject('/flvplayer.swf','mpl','420','236','9', '/expressInstall.swf');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&amp;file=/images/10things-logo.mp4&amp;backcolor=FFFFFF&amp;frontcolor=FFFFFF&amp;lightcolor=FFFFFF&amp;screencolor=FFFFFF&amp;controlbar=none&amp;dock=false&amp;autostart=true&amp;displayclick=none&amp;icons=false&amp;image=/images/10things-logo.jpg');
so.write('player');
</script>
  </div>
</div>
Le div concerné :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<div style="position:absolute; margin:-290px 0 0 350px;">
La classe du header

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
#header-bg {
	background: url(../images/header.jpg) no-repeat 50% 0%;
	position: relative;
	margin: 10px;
}
 
#header {
	position: relative;
	width: 940px;
	height: 351px;
	margin: 0 auto;
}
Une petite idée ?