Bonjour,

Je suis en train de creer un systeme de drag / drop et j'ai besoin que ma div droppable soit en position fixed...

Etonnamment, ca marche mieux sur IE7 que sur firefox (avec les expression)..

Donc, deja, le code :

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
 
<style type='text/css'>
#main
{
	position:relative;
}
.col_right
{
	position:fixed;
	top:200px;
	left:453px;
	width:433px;
	border:1px solid red;
}
 
</style>
 
<!--[if IE]>
<style type="text/css">
.col_right
{
	width:433px;
	position: absolute;
	top:expression(document.documentElement.scrollTop+document.body.scrollTop);
	left:expression(453 + document.documentElement.scrollLeft+body.scrollLeft);
	border:1px solid red;
}
 
</style>
<![endif]-->
Dans la structure de la page, il y a ma div id='main' et dessous, mes deux div col_left et col_right

Bon, le probleme est celui ci :

Sur firefox, quand je redimensionne ma fenetre en LARGEUR, le bloc col_right bouge avec.. Il semble calculer la position par rapport au bord de la fenetre et pas par rapport au bloc #main.. Y'a t-il un moyen d'avoir le meme comportement pour la position absolute ? A savoir que si l'element parent est marqué en position : relative;, le bloc en absolu se positionne par rapport a lui.. ? Pourquoi ca ne marche pas avec le fixed ??

Merci d'avance, ca m'ennuyerait de devoir utiliser du javascript pour ca !