Position absolue et changement de conteneur

Bonjour,

J'ai du mal à formuler ma question et, du coup, à faire une recherche (ici ou sur Google). Mes tentatives ont lamentablement échoué.

Je cherche à positionner une image par rapport à un certain conteneur.

Pour simplifier, j'ai quelque chose qui ressemble à ça :

<div="conteneur_1">
<div="conteneur_2">
<img src="mon_image.png"/>
</div>
</div>

Les div "conteneur_1" et "conteneur_2" ont toutes les 2 une position relative. Mon image est en position absolue.
Pourtant je souhaiterais positionner mon image par rapport à "conteneur_1", et non par rapport à "conteneur_2".
Est-ce possible ?

D'avance, merci pour votre aide !

Bonjour,

Fix a écrit :
Est-ce possible ?

Non.

Mmmm... N'est-il pas possible de récupérer en javascript la position du conteneur_1, et de l'attribuer à l'image ?

Salut,

Il se positionnerait quand même toujours par rapport au conteneur_2. Donc si, c'est possible en Javascript, en récupérant les coordonnées y de conteneur_2, les soustraire aux coordonnées y de conteneur_2 et attribuer cette valeur multipliée par -1 au top de ton image.

Bof ...

Salut,

Fix a écrit :
Mmmm... N'est-il pas possible de récupérer en javascript la position du conteneur_1, et de l'attribuer à l'image ?

Comme tu as posé ta question dans le salon CSS la réponse était d'un point de vue CSS.

Donc en CSS je vois 2 "solutions" :
* soit tu ne positionnes pas conteneur_2.
* soit tu ne places pas l'image dans conteneur_2 mais dans conteneur_1

En JavaScript bien sûr tu dois pouvoir récupérer la position de conteneur_1 et modifier celle de l'image en fonction... (un peu lourd).
Modifié par Heyoan (16 Apr 2009 - 14:25)

Merci pour toutes ces réponses très claires.

Un peu lourd en Javascript, effectivement. Je m'en vais chercher comment faire autrement...