Discussion :

[J0r_x]

Bonjour,

Si on prend trois bloc <div> comme ça :

Code :

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

1
2
3
4
5
 
<div id="conteneur">
   <div class="div1"></div>
   <div class="div2"></div>
</div>

avec un css comme ça :

Code :

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

1
2
3
 
.div1 { position:relative;top:10px;left:5px; }
.div2 { position:relative;top:15px;left:20px; }

Comment faire pour lorsque l'on change la position ou la taille d'un des bloc (div1 ou div2) que ça ne change pas la position de l'autre ?
En faite comme faire pour que la position soit par rapport au div conteneur et non à celui au dessus de lui ?

[desert]

Bonjour,
Dans ce cas, l'utilisation des positions absolues me parait appropriée.
Il suffirait de mettre le div conteneur en position relative pour que ses enfants se réfèrent à lui dans leurs placements.

Code css :

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

1
2
3
#conteneur { position:relative; }
.div1 { position:absolute; top:10px; left:5px; }
.div2 { position:absolute; top:15px; left:20px; }

[J0r_x]

C'est parfait.
Merci beaucoup.