Max-height n'est pas prit en compte pas firefox ?

Bonjour,

J'aimerais faire une galerie photo responsive horizontale.
J'ai donc tenté un max-height: 100% pour les photos.
Tout va bien sur google, mais sur firefox ça ne fonctionne pas du tout.
Quelqu'un aurait il une solution à ce pb ????
Modifié par ashevaan (13 Nov 2013 - 10:14)

En gros j'aimerai que les photos s'adaptent en fonction de la hauteur de l'écran.
Sur google ça fonctionne, mais sur firefox pas du tout.
Voici le lien, ça sera plus parlant.
C'est un test; donc dsl pour le code css dans la page index etc.

http://chris-lanugue.com/test3/
Modifié par ashevaan (13 Nov 2013 - 16:45)

C'est parce que tu n'as pas spécifier de "height:100%" à ton <ul> et tu as aussi laissé tes <img> et <li> en "display:inline", tu dois les faire passer en "inline-block"

Je viens de le faire, et j'avais déjà tenté, mais ça change rien...
Tu peux aller voir si tu veux

avec "height" au lien de "max-height"...

ça marche...

html,body{
height: 100%;
}

img{
max-width: auto;
max-height: 100%;
margin-left:20px;
display:inline-block;
}

ul{
  height:100%;
  text-decoration:none;
  width:100%;
  list-style: none;
  white-space: nowrap;
}

li{
max-width: auto;
height: 100%;
display:inline-block;
}