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 :
Dans la structure de la page, il y a ma div id='main' et dessous, mes deux div col_left et col_right
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]-->
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 !
Partager