[résolu] Display: table-cell => marge en bas ?!…

Coucou tout le monde,

j'ai un petit problème de marge (oui, rien d'original…) liée à display: table-cell :
une marge apparait sous l'image ?! Quelqu'un a déjà eu ce problème ?

Le contexte :

.conteneur_de_img_conteneur {
	display: table;
	width: 100%;
	vertical-align: top;
}
.img_conteneur {
	display: table-cell;
	width: 700px;
	background-color: #151515;
	text-align: center;
}
img {
	max-width: 6500px;
	max-height: 600px;
}

J'utilise Knacss (avec box-sizing: border-box;)
Modifié par Olivier06 (11 Sep 2012 - 11:08)

Salut,

Je dirais que c'est lié à la hauteur de ligne de ton élément img qui est inline (démo)...

tm

Absolument, Merci TM™ !
Qu'est ce que tu me conseilles (puisque les deux solutions fonctionnent) :

a écrit :
/* display: block; solution #1 */
ou
/* vertical-align: top; solution #2 */

Modifié par Olivier06 (11 Sep 2012 - 11:15)

Espaces indésirables sous les images
La solution en fonction du contexte

Pas mieux !

tm

Merci !

tm™ a écrit :
Pas mieux ! tm

Il y a une ressource en ligne, documentée et argumentée.
J'estime, mais je peux me tromper, que ta réponse bien que "juste", n'est pas complète, ni très pédagogique.
Bref, pas de quoi prendre la mouche (tu as vu, je sais aussi lever les yeux au ciel...) sors prendre l'air, la vie est belle