javascript - Images do not vertically align properly within div in Safari -


images in images div seem vertically align , center in chrome, firefox, , ie, not in safari. in safari, pictures pushed below/out of images div , appear below div, bleeding description div so:

http://postimg.org/image/vsoifbf1x/

below jsfiddle of slideshow showing first image aligned in center. js not work because of how have referenced images in array, slideshow works me , concerned images aligning vertically. align in jsfiddle, chrome , firefox, not in safari:

http://jsfiddle.net/bytyrurh/

#images {     height: 548px;     width: 898px;     border: 1px solid #000000;     text-align: center; }  #images img {     opacity: 1;     top: 50%;     transform: translatey(-50%);     position: relative; } 

here's code work you.


Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -