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:

svg in safari 6.0.5

firefox screenshot:

svg in firefox 22

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

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

How to get multiresult with multicondition in Sql Server -