Forum d'entraide PHPFrance

Bonjour,

J'ai une image en background sur mon site et je voulais savoir comment faire pour que la photo morde plutot le haut que le bas s'affiche en entier.

Voici l'url du site : http://comedierepublique.free.fr/portofolio/

Comme vous le voyez, on ne voit pas le bas de la photo, il est tronqué.

J'ai essayé avec l'attribut 'bottom' mais ca change rien :

Code : Tout sélectionner

background: url(img/background.png) bottom;

Il y a t il moyen d'affiche l'image sur toute la page en ayant les 2 bords du bas concordant !

Merci, Elie

J'ai trouvé un article qui traite indirectement de ton problème:
http://www.xs4all.nl/~peterned/examples/csslayout1.html

J'ai ajusté le tout pour ton cas. Voici les styles modifiés:

Code : Tout sélectionner

html, body {
	margin: 0;
	height:100%
	}
	
#principale {
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: url(img/background.png) bottom;
	}

Essaie et vérifie si cela répond à ton besoin.

Effectivement ca resoud le probleme ...

Comment expliqué 2 attribut height :/

J'ai essayé avec l'attribut 'bottom' mais ca change rien :

Code : Tout sélectionner
background: url(img/background.png) bottom;

Ta règle CSS, telle quelle, est incomplète.

Il vaut mieux l'écrire ainsi :

Code : Tout sélectionner

background: url(img/background.png) left bottom;

en n'omettant pas le positionnement latéral, même s'il ne change pas.

J'ai essayé avec l'attribut 'bottom' mais ca change rien :

Code : Tout sélectionner
background: url(img/background.png) bottom;
Ta règle CSS, telle quelle, est incomplète.

Il vaut mieux l'écrire ainsi :
Code : Tout sélectionner
background: url(img/background.png) left bottom;
en n'omettant pas le positionnement latéral, même s'il ne change pas.

Cela ne fonctionne pas. Je l'ai testé. Si tu omets certaines positions, des valeurs par défaut seront utilisées. (voir le doc pour voir les dites valeurs)

Forum d'entraide PHPFrance

Image en background qui s'aligne par le bas

Image en background qui s'aligne par le bas

Re: Image en background qui s'aligne par le bas

Re: Image en background qui s'aligne par le bas