bonjour à tous, j'ai suivis sur le site la façon de générer un arriere plan qui est le meme suivant les résolutions d'écrans (http://www.alsacreations.com/astuce/lire/50-comment-faire-un-arrire-plan-tirable.html), ça fonctionne mais le soucis c'est que je n'arrive pas à positionner mes div par dessus, ils se positionnent donc en dessous de l'image et non par dessus.
j'ai essayé en utilisant les z-index, les différentes positions mais rien a faire je ne trouve pas de solutions, quelqu'un aurait il un exemple à me fournir s'il vous plais...
merci d'avance pour votre aide
Modifié par Tekken (16 Jan 2011 - 20:53)
j'ai réussis à afficher mes divs par dessus mais du coup le redimensionnement ne fait plus son effet.
Modifié par Tekken (08 Feb 2011 - 11:43)
Cette methode n'est pas trés nouvelle mais peu fonctionnée avec quelque contraintes qui peuvent nuire a la navigation, lecture et aspect.

Ce sujet fut mon premier post sur alsacréations et j'en attendais naïvement a l'époque quelques bonnes critiques : http://forum.alsacreations.com/topic.php?fid=4&tid=6393&s=
il y en a eu une seule que je n'avais pas comprise.

la page en lien de test est toujours en ligne (http://yidille.free.fr/index.html).

A la base , l'image et les éléments sont positionnés en absolue et mis en avant plan a l'aide de z-index.

Le coté très moche , c'est que l'image étirée en arrière plan va pixelisé et se déformée, ensuite la zone d'affichage se réduit a l'écran, ce qui pousse encore a compressé et positionné de façon rigide (ou brutal) le contenu ...

En finale , l'experience est amusante et aide a comprendre certaine chose mais pas a conseiller a mon simple avis.
merci pour ta réponse Smiley cligne

j'ai trouvé une solution hier soir qui est à peu prés la meme que la tienne, sauf que j'ai placer mon image en position: fixed avec un z_index: 0 et mis tout les autres div en position: absolute avec un z_index: 10 sur mon container principal, et ça à l'air de fonctionner

p.s : vous pouvez cloturer ce message Smiley cligne
Tiens va voir dans le code source de mon site
(site en signature, le bouton www / EDIT par Felipe)

je ne me suis pas embêté avec des images de fonds tu joues effectivement sur le z-index des div pour ma part une à droite et une à gauche ou l'image qui peuvent donc être différentes et en fonction de la résolution

pour l'image de gauche :
<div id="backimage_left">
<SCRIPT language="JavaScript">
if (pageWidth() >1220 && pageWidth() <1416) {
document.write('<img src="userfiles/site_backgroud/acdc_wembley.jpg">');
}
else if (pageWidth() >1415) {
document.write('<img src="userfiles/site_backgroud/angus_joung_acdc_wembley.jpg">');
}
</SCRIPT></div>

et pour la droite
<div id="backimage_right">
<SCRIPT language="JavaScript">
if (pageWidth() >1220 && pageWidth() <1416) {
document.write('<img src="userfiles/site_backgroud/nosideimage.gif">');
}
else if (pageWidth() >1415) {
document.write('<img src="userfiles/site_backgroud/nosideimage.gif">');
}
</SCRIPT>
</div>
Modifié par Felipe (08 Feb 2011 - 22:40)