Discussion :

[thibotus01]

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 ?

[tibotibo69]

Tu ne devrais pas positionner ta div en absolute car suivant la résolution de l'écran elle n'est pas au même endroit.

Essaye en 1024x768, tu vas te rendre compte.

Essaie de placer ta div #player à l'intérieur de ta div #header et de la poistionner en fonction de ta div #header (position: relative)

[thibotus01]

Ah bah oui, le positioner dans le div header ...
C'est bon en relative ! L'absolute c'est un peu la solution à tout... Mais c'est pas évident de tester avec tous les navigateurs, et en resolution différente.

merci

[tibotibo69]

Pour ce qui est de la résolution, tu peux utiliser le très bon add-on firefox web developer qui te permet entre autres de changer la résolution du navigateur.

Si tu veux tester sur des versions inférieurs de IE, tu peux télécharger des images avec windows XP ou vista au choix et avec IE6, 7 ou 8.

[thibotus01]

Oué je l'ai ce plugin et merci je n'avais pas vu cette fonction

Je suis sous mac, alors rebooter sur une autre partition avec windows... c'est chiant

Mais bon, heuresement j'ai d'autres PC sous windows, et avec quelques amis ayant une conf. différente je leur demande de tester !

et y'a ca aussi : http://ipinfo.info/netrenderer/

[tibotibo69]

Je ne connaissais pas ce site, merci.

Bien pratique pour avoir un aperçu rapide, dommage qu'on ne voit pas le site en direct.