On Thu, 10 Jan 2013 16:51:22 +0100, Jerrold Maddox <[email protected]> wrote:

> The is site using svg that works in Chrome and Safari, but half the lower
> series is cut off in Firefox and Opera.
> Can anyone suggest a way to fix it?
>
> http://clarify.site44.com/opacity.html
>
> Thanks.
> Jerry

Judging by the content you should add: viewBox="0 0 500 550". Otherwise  
you might get some parts of the svg clipped no matter what (depends on the  
resolved size of the CSS box for the svg).

Alternatively you could set width and height to the same absolute values  
(500x550px).

Or you could add some CSS:
html, body { height: 100% }

My recommendation would be to define the coordinate system with viewBox.

Cheers
-- 
Erik Dahlstrom, Core Technology Developer, Opera Software
Co-Chair, W3C SVG Working Group
Personal blog: http://my.opera.com/macdev_ed


------------------------------------

-----
To unsubscribe send a message to: [email protected]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my 
membership"
----Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/svg-developers/

<*> Your email settings:
    Individual Email | Traditional

<*> To change settings online go to:
    http://groups.yahoo.com/group/svg-developers/join
    (Yahoo! ID required)

<*> To change settings via email:
    [email protected] 
    [email protected]

<*> To unsubscribe from this group, send an email to:
    [email protected]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/

Reply via email to