Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS display: table-cell causing firefox and opera to ignore max-width and max-height properties Re: display: table-cell causing firefox and opera to ignore max-width and max-height properties

#112886
wolfcry911
Participant

I think you can reduce the amount of markup and simplify things.

http://codepen.io/wolfcry911/pen/Dnczo

you could set the anchor to display: block with a height and line-height of 90px (which will vertically align the images). No need for wrapping divs or extra classes. Note also, there’s no extra classes on the anchors, img, etc.

Edit// this post has been edited a couple of times. Thank-you to Paulie for the first fix (the original post attempted code blocks). I changed it a bit further to clarify (there were two code blocks originally).