Discussion :

[vodnok]

Bonjour à tous,

J'ai un DIV conteneur qui peut se trouver n'importe ou sur la page et plusieurs fois sur la même page. Dans ce conteneur, j'ai des div. J'aimerais que ces div soient positionnés par rapport au conteneur via des coordonnées x,y

obj1 positionné en x=5, y=25 par rapport au conteneur.
obj2 positionné en x=5, y=30 par rapport au conteneur.


J'aimerais évidemment que ces obj puisse se superposé.

J'ai essayé avec des absolute, relative, float et en jouant sur le margin et rien ne donne ce que je voudrais.

Avec de l'absolute et jouer avec le margin ça marche mais hélas dans une ul li les li se superposent.


Voici un exemple d'HTML :

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
28
29
30
31
32
33
34
 
<ul>
  <li>
    <div class='conteneur'>
      <div class='obj1'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
      <div class='obj2'>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
    </div>
  </li>
  <li>
    <div class='conteneur'>
      <div class='obj1'>ccccccccccccccccccccccccccccccccc</div>
      <div class='obj2'>ddddddddddddddddddddddddddddddddddddd</div>
    </div>
  </li>
</ul>
 
 
.conteneur{
  width: 300px;
  height: 150px;
  border: 1px #8D8D8D solid;
}
 
.obj1{
  width: 50px;
  height: 50px;
  border: 1px #8D8D8D solid;
}
 
.obj2{
  width: 75px;
  height: 50px;
  border: 1px #8D8D8D solid;
}

Je n'ai pas mis ce que j'avais avec les positions car ça marche pas. L'idéal serait que dans le conteneur les 2 boites se superposent et que je puisse positionner les obj par rapport à leur conteneur.


voila je sèche et ça m'énerve là donc je viens vous demander de l'aide


Merci,

[clb56]

Salut,

mettre .conteneur en position:relative; pour qu'il serve de référence et placer .obj1 et obj2 à l'aide des position absolute;

[vodnok]

Ok j'ai réussi en fait en tappant le code sur le forum (je n'avais pas fait de copier coller), je n'avais pas mis de height sur le conteneur.

Comme souvent il suffit d'essayer d'expliquer à zero un problème pour trouver la solution.


Merci,