Superposition de div sans position absolute

**Ceddoc** · 12/05/2011, 16h33

Bonjour à tous,

Alors, pour faire simple je souhaiterais superposer (le plus précisément possible) des divs contenant du texte. Mais sans utiliser le positionnement en absolute ou alors avec un sérieux coup de main. Et ce car ces divs doivent se placer à un endroit appelé à bouger dynamiquement.

Alors pour les explications détaillées:
J'ai un script qui affiche ces divs un peu comme un diaporama de photo mais avec du texte. Le script marche, je l'ai testé indépendamment avec une page consacrée dans laquelle ils étaient placés en absolute dans une div elle même placée en absolute qui faisait office de cadre. Maintenant lorsque je veux afficher ce petit "module" dans mon site, les choses se corsent. En fait j'aimerais qu'il soit affiché sous un menu déroulant de type accordéon et donc à hauteur variable. Donc à priori, en absolute c'est impossible (ou alors je sais pas faire (plus probable))

Donc voilà, je sèche, est-ce qu'il existerait une solution ? Avec les index et les layout peut être? ou avec un positionnement relatif mais qui force la superposition?

**Maxoo** · 12/05/2011, 17h19

Si je ne m'abuse, tu places un premier div avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

position:relative;

qui se placera normalement, et tu mets du

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

position:absolute;

aux div qui sont dans le premier, et la référence se fait par rapport au premier.

Comment ça je ne suis pas clair

: http://pbnaigeon.developpez.com/tuto...e-base/#LIII-A

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div class="relative">
  <div class="absolute">
  </div>
  <div class="absolute">
  </div>
</div>

**Ceddoc** · 12/05/2011, 17h30

Envoyé par Maxoo

Si je ne m'abuse, tu places un premier div avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

position:relative;

qui se placera normalement, et tu mets du

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

position:absolute;

aux div qui sont dans le premier, et la référence se fait par rapport au premier.

Comment ça je ne suis pas clair

: http://pbnaigeon.developpez.com/tuto...e-base/#LIII-A

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div class="relative">
  <div class="absolute">
  </div>
  <div class="absolute">
  </div>
</div>

Je te déteste maxoo... J'étais persuadé d'avoir essayé tous les trucs du genre et j'allais te répondre "déjà essayé marche pas" mais par acquis de conscience j'ai retester et ça marche nickel. J'ai du passer à côté de cette combinaison. merci.