Fond ajustable

Ben j'ai fais un fond avec 1920*1080 (l'écran le plus grand qu'on m'ait dit). J'ai mis
width : 100%
mais malheureusement la moitié des visiteurs dont moi ne le voient pas en entier (c'est pas un fond comme ia, c'est deux joueurs sur la gauche et un joueur sur la droite)

Tu peux nous montrer ce fond en question?

Voici http://www.picdo.net/fichiers/2010/9/6/fe3c5d08-4f8a-4d1b-9752-a05c30bb85cc_FONDDD.png

comme la plus petite résolution que je connaisse est 800*600, je te conseillerai de mettre width: 800px; plutôt que 100%. Après cette méthode n'est pas très utile pour les sites dont le contenu n'est pas extensible. Je sais pas si en PHP tu peux avoir une balise dynamique pour ton fond je chercherai si ça t'intéresse x)

Tu voudrais donc que ce fond se rapetisse automatiquement selon la résolution de l'écran? Ça va être bien dur ça ...

Il y a un moyen pour obtenir ce que tu souhaite, mais si la résolution de ton visiteur est trop petite, il risque de ne plus voir les deux joueurs, ils seront passé en dessous de ton contenu, je m'explique :

Tu crée un div "global" qui englobera TOUT ton site, tu lui met un width:100%.
Tu crée ensuite 3 autres div, un pour chaque joueur et un autre pour ton site en lui-même. Les divs avec les joueurs auront une largueur fixe, celle de tes images, mais il faudra leur appliquer un float:left; (pour celle de gauche) et un float:right; (pour celle de droite). Ton troisième div, tu as le choix, soit tu le fait fixe, soit une largeur en pourcentage, à toi de voir !

Je sais pas si tu y arrivera du premier coup, et si tu as tout compris, et je suis pas certain que cela fonctionne. Il doit y avoir quelque chose pour donner un ordre de priorité au div, pour pouvoir faire passer tes joueurs en dessous des autres divs.

chaloute fioul ta technique a l'air bonne et je l'essayerais mais qu'est-ce qu'un div ?

C'est une balise html. La plus courante utilisée.

Sauf que sur mon site je ne peux que modifier le CSS

C'est quoi ça pour un site web où on peut même pas modifier la page html ... ?

Essaies ça

Code:


{background-image: url('URL IMAGE');
background-attachment: fixed;
background-position: top center;}

Ah tu ne peut pas toucher au html ? Ca risque d'être impossible dans ce cas, car il te faut obligatoirement décomposé ça en trois parties, le fond, et les deux joueurs.

Un div c'est comme un conteneur, tu peut lui appliquer un fond, une taille, une position sur ta page et encore beaucoup de choses.

Ça se présente comme ça en html:

Code:

<div id="fond"></div>

Et ton css

Code:

div#fond { background:url('liendetonimage');width:XXpx;height:XXpx; }

Mais si tu ne peut pas toucher le html c'est inutile.

NeonArt a écrit:Essaies ça

Code:


{background-image: url('URL IMAGE');
background-attachment: fixed;
background-position: top center;}

De cette façon, les plus petites résolutions ne verront qu'un petit bout des joueurs, voir pas du tout.

Je crois que j'ai dis une bêtise énorme sauf pour le PHP oublie tout ce qu'il y a avant ^^".

Et sinon c'est plus simple si je fais un fond que les extrémités du contenu, pas sur le bout de l'écran ?

Je comprends pas trop ce que tu veux dire (je suis un gourdon /o/ xDD).

comme ça http://i3.ytimg.com/bg/F6-XFW1iCoRE1qZsvzS-vg/105.jpg?app=bg&v=4c7cfba3

Tu applique ce fond à ton body dans le css et c'est parfait ! (Peut-être prévoir d'agrandir ton image avec des bords noirs pour les grandes résolutions)