Discussion :

[cerealkiller]

Bonjour,

Alors en fait le problème est simple, j'ai 2-3 idées pour le résoudre, mais pas de solutions simples...
Le but du jeu est d'avoir un site web dont le background est composé de 2 images ; l'une complètement alignée horizontalement à gauche, et l'autre alignée complètement à droite, les deux étant centrée verticalement.

Je veux que ce soit "étirable" ! c'est à dire bien avec 2 images, l'une toujours à gauche, l'autre toujours à droite, et la distance les séparant évoluant en fonction de la taille de l'écran
Exemples avec un écran en 800px de large, et l'autre en 1600 pixels pour mieux comprendre :



Explication plus "graphique" :


Jusqu'ici la seule solution "viable" que je pense avoir trouvé est d'en mettre une sur le body, et une autre dans un div avec z-index 1 et height et width à 100%, le contenu du site se présentant donc dans un autre div avec un z-index de 2 ou plus... Pas très "propre" à mon goût... Sans parler du problème de chevauchement des 2 images pour nos chers amis visiteurs en 600px de large... mais là, à moins de passer par le png et donc de squizzer les IE6ternautes, ou de scripter du javascript un peu vilain, rendant le div de la deuxième image invisible (display:none si la largeur de l'écran de l'utilisateur est inférieure à la somme des largeurs des 2 images de fond... ou en bloquant ce div qui contient l'image de droite en position absolute avec une valeur de left égale à la largeur de l'image de gauche.

Bref tout ça c'est un peu "dégueu", alors peut-être que quelqu'un a une idée plus simple !

J'aimerai éviter d'avoir à faire ça en flash, ce qui malgré tout serait peut-être le plus simple ! (placer le fichier flash en fullscreen dans un div en arrière plan)

Merci d'avance !

(et puis si vous avez un avis esthétique sur le principe, n'hésitez pas !)

[clb56]

Salut,

une image en background de l'élément html
une image en background de l'élément body

[darrylsite]

Moi, je vois plutot une solution simple avec la librairie gd de php. Je pense que je complique encore la situation puisque q' il faut encore connaitre le php.
Sinon l' idée est de construire une seule image en partant des deux images et de mettre ensuite cette image dans le backGround du body.

[Damouille]

Moi, je ferais 2 div. L'une à gauche de la hauteur et largeur de mon image position: absolute; left: 0px; Meme chose pour la div de droite avec right: 0px;

Ca devrait bien marcher