Problème image lorsque je réduis la fenêtre

Bonjour,

Je suis débutant et j'ai un problème. Je dois créer un site internet responsive avec une image en page d'accueil qui se répète. Jusqu'à là tout va bien mais quand je commence à réduire la fenêtre de mon navigateur l'image se coupe, elle ne s'adapte pas à la fenêtre. Pouvez-vous m'aider svp

Vous pouvez trouver mon site à l'adresse suivante pour avoir un aperçu du problème : http://marcveyrat.hol.es/

Cdlt

#bg {
		-moz-animation: bg 60s linear infinite;
		-webkit-animation: bg 60s linear infinite;
		-o-animation: bg 60s linear infinite;
		-ms-animation: bg 60s linear infinite;
		animation: bg 60s linear infinite;
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transform: translate3d(0,0,0);
		-webkit-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		/* Set your background with this */
		background: url("images/bg3.jpg") bottom left;
		background-repeat: repeat-x;
		height:100%;
		left: 0;
		opacity: 1;
		position: fixed;
		top: 0;
	}

Modifié par GNSVL74 (22 Apr 2015 - 12:57)

Bonjour,

Essaye de mettre ton background sur le body plutôt que sur un élément interne à celui-ci.

salut, quand on reduit la fenetre, ta balise HTML change de classe... le problème vient surement de là

quand tout va bien elle a la classe " global wide normal "

et quand on commence a réduire cela passe a " global wide normal mobile " et ç'est quand y'a cette classe que ça merde.

salut,
t'as un mauvais calcul lorsque tu appliques un "background-size" à #Bg. Il faudrait peut être joindre le JS qui te permet de faire ça.
Au passage le site est très sympa.

Bonjour,

Merci pour votre aide et conseil mais j'y arrive pas Merci pour le site en faite je dois fair eun site internet pour mon prof
Modifié par GNSVL74 (22 Apr 2015 - 16:30)