Bonjour à tous,
Inutile de vous dire que je suis un newbie dans le dév Web.
Je vous expose mon probleme :
J'ai une DIV trop grande contenue dans une autre avec la gestion du scroll.
Dans cette div Trop grande, j'ai besoin d'y coller des div a des position bien précises, celle ci pouvant être superposées entre elles mais elle doivent egalement pouvoir bouger si j'actionne le scroll.
Voici un exemple parlant :
Ce code fonctionne comme je le souhaite sur IE, qui semble faire du absolute mais relative au parent. Mais sous Firefox, ca ne marche pas.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 <head> </head> <body> <div style="overflow:auto;height:400px;width:500px;background-color:#FDE"> <div style="left:10px;top:100px;height:200px;width:1000px;background-color:#FE5643;border: 1px solid #FFF"> Voila ma div trop grande. Et dessous mes div enfant qui doivent pouvoir bouger en meme temps <div style="position:absolute;top:50px;left:50px;height:30px;width:30px;background-color:#55FF33"> </div> <div style="position:absolute;top:60px;left:60px;height:30px;width:30px;background-color:#660033"> </div> </div> </div> </body>
Ma question, où me trompe-je ? Et y a-t-il un moyen d'obtenir le resultat qu'IE propose, avec Firefox.
Merci beaucoup pour l'aide très précieuse que vous pourrez m'apporter.
Partager