Accepted answer

Have you tried setting the svg width and height attributes to 100%, and then set the width/height of the containing div (not the iframe)? This seems to provide consistent results for me. For example, I changed your JS to: var svg ="#Menu").append("svg").attr("width", "100%").attr("height", "100%").append("g").attr("transform", "translate("+ margin.left + "," + + ")"); and added #Menu { width: 960px; height: 300px; } to your styles. – odin243 Dec 21 at 21:25

This worked a treat

Related Query

More Query from same tag