display: table-cell causing firefox and opera to ignore max-width and max-height properties

Question

If you would please go to http://debourg-dev.ch/syselcloud/erp-rh/ you will see that in firefox and opera the images are not using the max-height property. This is because I'm using display:table-cell to vertically align them, if I remove display: table-cell it works fine. How can I vertically align these images with display: table-cell and get firefox and opera to make use of the correct max-height value?

The concerned code is:

.partenaire-logo-wrap {
height: 110px;
text-align: center;
vertical-align: middle;
display: table-cell;
}

.partenaire-logo-wrap img {
max-height: 90px;
}

Thanks

I'm seeing the images be 90px high in Firefox on the link above... What exactly is not using max-height? — Boris Zbarsky, Oct 31 '12 at 06:16

score 0 · Answer 1 · edited May 23 '17 at 11:55

0

.partenaire-logo-wrap img {
max-height: 90px;
-moz-height:90px;
-o-height:90px;
}

I am getting this information from here if you want to check out this post

Max-height ignored in Firefox, works in Chrome and Safari

edited May 23 '17 at 11:55

Community

1
1

answered Oct 29 '12 at 19:07

Spencer May

4,266
9
28
48

display: table-cell causing firefox and opera to ignore max-width and max-height properties

1 Answers1