Images responsives

Bonjour à vous tous j'ai besoin d'un petit coup de "main"
Je fais un site responsive avec "les grilles de dreamveaver"
J'ai un "content_photo" dimensionné à 100% à l'intérieur de celui-ci j'ai crée 2 div de différentes largeurs
que j'ai nommé photo1 et photo2 ex:40% et 60%
Chacune de ces div à une photo de même dimensions en hauteur,mais à l'affichage une des deux,voit sa hauteur diminuée ?? Comment ce fait-ce?
Merci pour votre aide
Cordialement
Eldo

#content_photo {
	clear: both;
	float: left;
	margin-left: 0;
	width:100%;
	display: block;
	height: auto;
	background-color: #FFF;
}
#photo1 {
	clear: both;
	float: left;
	margin-left: 2.0408%;
	width: 40%;
	display: block;
}
#photo2 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 56%;
	display: block;
}

Modifié par 6l20 (16 Jan 2014 - 16:11)

salut,
peut être à cause de proportions de l'image ? Si tu diminues la largeur d'une image et que tu ne spécifies pas de hauteur explicite, cette dernière sera également redimensionnée de telle sorte à ce que l'image reste proportionnelle.

Pour éviter ce désagrément, je pense que tu devrais te pencher sur les propriétés "max-height", "min-height" et "max-width", "min-width"