google chrome - SVG Height Larger in Safari -
been working on site quite while , have done. dealing svg issue in safari & chrome (webkit based browsers). when load svg on homepage there larger in firefox , ie. causes image (head of hat man) cut off or hidden displayed larger image in firefox example. safari screenshot:

firefox screenshot:

i found this thread on so. there suggested use:
svg { max-height: 100%; } this css change on site:
.hatman { position: absolute; bottom: 15px; left: 50px; right: 30%; } .hatman .hatman-slide { height: 100%; max-height:100%;/*added suggested */ width: 100%; } .hatman #profile { position:absolute; left: 0px; } .hatman #hat { opacity: 0; } that did not work me. answer not accepted op either. similar issues described @ here, no answer yet either. has suggestion how fix this?
in end more issue webkit dealing svg resizing.
this javascript used fix max height issue
function tsafarifix() { jquery(window).resize(function() { tsafarifix_resize(); }); tsafarifix_resize(); } jquery(document).ready(function(){ hatman = new thatman(); sfix = new tsafarifix(); });
Comments
Post a Comment