Pouvez vous me conseiller pour le positionnement CSS?

Jusqu'ici j'arrivais à me débrouiller mais là je bloque.

Je souhaite insérer une image différente pour chacune de mes pages, sur la gauche.

J'ai donc inséré ceci dans style.css (dans la partie "content area")

Code:

#imagedefond1 {
background: url(images/miseenpage.jpg) no-repeat #ffffff;
position: absolute; top: 50px; left: 0px;
}

Puis ceci dans la page souhaitée via l’éditeur html

Code:

<div id="imagedefond1"> Mon texte </div>

Comme vous pouvez le constater sur http://quaidesgraph.com/mise-en-page/ l'image s'affiche. Cependant le footer remonte.

J'ai donc testé en ajoutant z-index 1 ou 19 (il y 19 éléments en absolute.) Mais avec cette instruction, le footer disparait complétement....

Le footer est en "relative" avec un clear both

(Je "bidouille" un Wordpress 3.3 héberger chez OVH avec le théme Graphéne.)

Avez vous une idée sur la question???

Excusez moi, j'ai fait un copier-coller un peu rapide sans me relire...

Merci de me l'avoir fait remarquer.

Je remercie donc par avance quiconque voudra bien me répondre.

Bonne aprés-midi

Salut !

Je pense que ton problème vient du fait que tu veux automatiser la hauteur du conteneur parent en fonction des éléments en positionnement absolu, alors que justement, une des caractéristiques du positionnement absolu est de ne pas influencer le parent.

Il est vrai que lorsqu'un élément HTML est retiré du flux par le positionnement flottant, utiliser le CSS "clear:both" permet de rétablir la hauteur, mais ça ne fonctionne pas en absolu, il me semble bien '^'

Tu peux peut-être t'en sortir en relatif (un exemple ici), en flottant ou avec un min-height combiné à tes éléments en absolu.

Kiwi

Bonjour,

Merci beaucoup Kiwi; ta réponse est très claire. Je vais donc tester en relatif.

Bonne journée

Bonjour à tous et à toutes!

Merci kiwi de m'avoir mis sur la bonne voie:

Code:

imagedefond1 {
position: relative; left: 15px;   bottom: -30px;
}

C'est beaucoup mieux (reste plu qu'a adapter tout ça pour que l'image prenne toute la hauteur de la page, plus facle à dire qu'a faire )

Nyo The Neko; merci de m'avoir rappelé de vérifier la compatibilité: c'est ok avec Opéra, chrome, IE et firefox.

Je vous remercie pour vos conseils avisés et votre bonne humeur! A bientôt

Bonjour!

Pour le positionnement c'est un topic "résolu"!!! Merci beaucoup

Cependant le terme "complétement " n'est pas adapté .

Mais je pense qu'il est préférable d'ouvrir un autre sujet si besoin est.(?!)

Merci encore pour votre réactivité.

Bonne journée

Bonjour !

Hum, si je puis me permettre, CSS Actif est destiné à la personnalisation HTML/CSS de forums de ForumActif u_u' Je ne vois pas trop ce que la personnalisation d'un wordpress vient faire là dedans.