Intégrer une image dans une div sans la déformer

Paenitentia · 05/12/2011, 10h10

Bonjour à tous.

Voici mon problème. Dans le design de mon site, j'ai une div dans laquelle je veux mettre une image de fond. Jusque ici pas de problème mais ça se complique juste après.

En effet, cette div n'a pas de dimensions propres. La dimension de la div va dépendre de la taille de la fenêtre du navigateur. Du coup lorsque je fais un background-image pour intégrer l'image en fond, ma page est déformée et la div prend le format de l'image.

Ce que je voudrais, c'est que si suite au chargement d'une page, il apparaît que la div fait 300px de large, alors l'image en arrière-plan de la div ne sera que de 300px de large. Que l'image en background ne puisse pas modifier la taille de la div quoi.

Est-ce que l'un d'entre vous peut m'aider ?

Merci beaucoup par avance.

Décibel · 05/12/2011, 12h35

Pourquoi ne pas mettre ton image de fond dans le body, ou dans un plus grand conteneur que le div qui doit recevoir autre chose ?

FirePrawn · 05/12/2011, 13h09

Bonjour,

Encapsule ton div actuel dans un nouveau qui ne servira qu'à avoir ton image de fond ?

05/12/2011, 10h10	#1
Paenitentia Membre régulier Inscription : mai 2006 Messages : 84 Détails du profil Informations forums : Inscription : mai 2006 Messages : 84 Points : 97 Points : 97	Intégrer une image dans une div sans la déformer Bonjour à tous. Voici mon problème. Dans le design de mon site, j'ai une div dans laquelle je veux mettre une image de fond. Jusque ici pas de problème mais ça se complique juste après. En effet, cette div n'a pas de dimensions propres. La dimension de la div va dépendre de la taille de la fenêtre du navigateur. Du coup lorsque je fais un background-image pour intégrer l'image en fond, ma page est déformée et la div prend le format de l'image. Ce que je voudrais, c'est que si suite au chargement d'une page, il apparaît que la div fait 300px de large, alors l'image en arrière-plan de la div ne sera que de 300px de large. Que l'image en background ne puisse pas modifier la taille de la div quoi. Est-ce que l'un d'entre vous peut m'aider ? Merci beaucoup par avance.
	00

05/12/2011, 12h35	#2
Décibel Membre habitué Denis Billo Developpeur web et Access VBA Inscription : janvier 2003 Messages : 282 Détails du profil Informations personnelles : Nom : Denis Billo Localisation : France Informations professionnelles : Activité : Developpeur web et Access VBA Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : janvier 2003 Messages : 282 Points : 122 Points : 122	Pourquoi ne pas mettre ton image de fond dans le body, ou dans un plus grand conteneur que le div qui doit recevoir autre chose ? __________________ VrroOOOAAAAAPPPPPPPPPP !!!
	00

05/12/2011, 13h09	#3
FirePrawn Modérateur Sébastien Ingénieur réalisateur Inscription : mars 2011 Messages : 778 Détails du profil Informations personnelles : Nom : Sébastien Âge : 24 Localisation : France, Haut Rhin (Alsace) Informations professionnelles : Activité : Ingénieur réalisateur Secteur : Industrie Informations forums : Inscription : mars 2011 Messages : 778 Points : 2 358 Points : 2 358	Bonjour, Encapsule ton div actuel dans un nouveau qui ne servira qu'à avoir ton image de fond ? __________________ - Avant toute chose : lire le mode d'emploi du forum et ses règles. - avant de poster - Je ne réponds pas aux questions techniques en MP.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email