[CSS] Positionnement absolu
Bonjour,
D'après les différents tutoriaux que j'ai pu lire, le positionnement absolu est calculé à partir du conteneur de l'objet que l'on positionne.
Pourtant, quand j'essaie ça sur des div qui ont plusieurs conteneurs, le style s'applique sur le conteneur de plus haut niveau.
Voici un exemple:
Code:
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
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title></title>
</head>
<body>
<div style="background:#eeeeee;" >
<div id="test1" style="background:#eeeeff;margin:5px;padding:5px;">test 1</div>
<div id="test2" style="background:#eeffee;margin:5px;padding:5px;">test 2
<div style="background:#555555;margin:5px;padding:5px;">test 21</div>
<div style="background:#555555;margin:5px;padding:5px;">test 22</div>
<div id="testxx" style="position:absolute;left:0px;right:0px;top:0px;bottom:0px;background:#eeeeee;margin:5px;padding:5px;">test xx</div>
</div>
<div style="background:#ffeeff;margin:5px;padding:5px;">test 3</div>
</div>
</body>
</html> |
Le div "testxx" est en position absolue:
position:absolute;left:0px;right:0px;top:0px;bottom:0px;
Il devrait donc recouvrir exactement la surface de son conteneur direct text2.
Pourtant, il recouvre tout!
Quelqu'un peut-il m'expliquer pourquoi, et quelqu'un a-t-il une solution?
Merci
