Perfect Full Page Background Image

Bonsoir à tous (ou bonjour ;p)

Voila, je rencontre actuellement un gros problème avec cette fonction background (Un arrière-plan extensible intelligent)

J'ai suivis le tuto suivant : http://www.alsacreations.com/astuce/lire/1216-arriere-plan-background-extensible.html

ainsi que toutes les solutions suivantes : http://css-tricks.com/perfect-full-page-background-image/

Sans succès mon image éclate en permanence (ou elle se retrouve tronquée), je lui ai donnée une résolution de 2000*1300 ainsi que de 2500*1300 .. même problèmes, je ne vois vraiment pas d'où le problème pourrais venir.

J'ai également tester sous plusieurs résolutions, le vois que l'image reste bien fixe du à ma fonction, mais impossible d'obtenir un image homogène suivant les réolustions différentes (testé dur chrome-opéra-firefox - même problème).

D'avance, merci.

Cordialement,
Modifié par Bingbing (17 Jun 2012 - 04:16)

Bonjour,

Bingbing a écrit :
Sans succès mon image éclate en permanence (ou elle se retrouve tronquée)

éclate? C'est-à-dire?
Pour le tronquage, c'est normal, le but est de garder les proportions pour ne pas avoir des déformations très moches, elle sera donc dans la plupart des situations tronquée à gauche et à droite ou en haut et en bas. Si tu souhaite réellement qu'elle se déforme, rien de plus simple, un bête height 100% width 100% et l'affaire est dans le sac, sans css3 et sans javascript.

Bonsoir,

Merci pour cette réponse, j'ai réussi à obtenir quelque chose d'homogène, j'aurais une autre question un peu dans le même sujet, comment faire en sorte que mon site internet se centre (verticalement/horizontalement) en css ?

J'ai lu tous les articles proposé, mais impossible de creer " un conteneur " de 1024/768 par exemple, qui serait centré verticalement/horizontalement.

Ca fait longtemps que je n'ai plus pratiqué, et le seul résultat concrès que j'arrive à obtenir pour que se soit centré est le

#conteneur 

{width: 1024px; 
height: 768px; 
position:absolute; 
left: 50%;  
margin-left: -512px; 
top: 50%; 
margin-top: -384px;}

J'aimerais en fait pouvoir avoir un conteneur et tout ce qu'il y'aura à l'intérieur pour que le site se positionne constament correctement suivant les résolutions différentes.

Merci encore,

Très cordialement,
Modifié par Bingbing (17 Jun 2012 - 20:28)

En utilisant les valeurs relatives: %

#conteneur { 
	width: 90%;
	height: 90%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -45%;
	margin-left: -45%;
}

Merci infiniment

Très cordialement,