Div absolute mais relative sous FireFox
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 :
Code:
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> |
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.
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.
