Problème de compatibilité entre navigateurs

.majorItem,
.indexTable h2,
.indexTable figure,
.indexTitle,
.indexes figure{
	border:1px solid #990000;
	border-radius:5px;
	border-radius:0.5rem;
	background-color:#f4e8d0;
	padding:1.0em;
	margin:1.0rem auto;
}
.....
.majorItem,
h1, h2,
.indexTable figure {
	width:96%;
}
......
.majorItem h2{
	margin:-0.5em auto 0;
}
.majorItem figure {
	width:100%;
	display:table;
	margin:0 1%;
}
.majorItem figure {
	vertical-align:middle;
}
.majorItem figure figcaption {
	max-width: 75%;
	margin: 0;
}

.majorItem figure figcaption {
	display:table-cell;
	vertical-align:middle;
}
.majorItem figure img {
	/* max-width:90%; */
	display:table-cell;
	vertical-align:middle;
	
}
.majorItem figure figcaption {
	width:100%;
}
......
.majorItem h3 {
	text-align:left;
	color:#990000;
}

juliesunset a écrit :
En ajoutant un padding-right à ton élément ".majorItem figure img" ça règle le problème sous Chrome et il n'est pas pris en compte dans Firefox

loicbcn a écrit :
Bonjour,
la différence semble venir de la propriété max-width donnée à ton "figcaption" qui s'applique sur firefox et pas sur chrome.

PapyJP a écrit :

1) pourquoi les deux navigateurs fonctionnent ils de facon si différente sur les mêmes données? Que je sache il ne s'agit pas d'Internet Explorer

PapyJP a écrit :
Bien compris, mais c'est ce que je voulais éviter.
En théorie, le but du CSS est de mettre la présentation en dehors du HTML.
Ajouter des balises HTML pour faire de la présentation, c'est justement ce que les tenant du CSS3 prétendaient éviter, et qu'ils reprochaient aux tenants des tables imbriquées.
Il me semble "sémantiquement" cohérent de définir un "objet" contenant une image et du texte par

<figure class="">
    <img .../>
    <figcaption>
      ..............................
    </figcaption>
</figure>

et de définir la présentation de ces objets par du CSS attaché à la classe.

juliesunset a écrit :
Donc tu peux ajouter une div autour de ta balise "figure" sans problème, elle n’influencera en rien la sémantique et aidera ta mise en page.

PapyJP a écrit :
En ce qui concerne le problème précis de l'alignement vertical, dans l'état actuel de la discussion, je suis près de penser que c'est le genre de chose dont la plupart des gens se moquent éperdument, sinon les solutions seraient amplement documentées.