[CSS] Positionnement absolu

Invité · 07/12/2005, 18h59

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 :

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
 
<!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

**spirou** · 07/12/2005, 20h55

Salut !!

Pour que la position absolute s'applique au conteneur parent, il faut aussi préciser le positionnement de ce conteneur parent (absolute ou relative), ici donc ce sera relative.

Invité · 08/12/2005, 09h34

Envoyé par spirou

Salut !!

Pour que la position absolute s'applique au conteneur parent, il faut aussi préciser le positionnement de ce conteneur parent (absolute ou relative), ici donc ce sera relative.

Super, et ça marche!

Ca fait un sacrès bout de temps que je me m'arrachais les cheveux avec ça.

Merci beaucoup!

[CSS] Positionnement absolu

Positionnement en CSS

Discussions similaires

Partager

Partager