[CSS] Mise en forme automatique des images

Bonjour à tous et à toutes,

Je suis en cours de création d'un portfolio (http://www.nicolaschevant.com/) sous WP avec pour base ce thème :http://www.dessign.net/photo-grid-responsive-theme/

Je rencontre une difficulté. Sur la page d'accueil de mon portfolio, les images ne se mettent pas en forme automatiquement.

Voici le code lié à la mise en forme des photos :

.home_post_box {
mwidth: 385px;
height: 385px;
float: left;
margin-right: 40px;
margin-bottom: 40px;
position: relative;
}

J'ai déjà tenté de cropper avec l'overflow hidden et clip mais sans succès.

Avez-vous une idée ?

Merci

Nicolas

Voici une piste avec des exemples : http://dabblet.com/gist/3801744
Cdt,
GC

gc-nomade :
Merci.

Entre temps, j'ai trouvé une solution provisoire. J'ai réduit sur la pages d'accueil les dimensions :

.home_post_box img { width: 385px; [b]height: auto[/b]; }

.home_post_text_back { position: absolute; top: 0; left: 0; width: 385px; [b]height: 256px[/b]; background-color: rgba(0,0,0,0.7); z-index: 5; display: none;  }

C'est une rustine mais qui fonctionne pour le moment sous tous les navigateurs.

N.

a écrit :
.home_post_box img { width: 385px; height: auto; }

Tu n'es même pas obligé de spécifier un height: auto, spécifier la largeur suffit.