:) ok Alan, <quoting> Philippe has already provided reasons why this is and a possible solution but this could also be solved by creating a SVG with no intrinsic size or ratio. Like so. http://css-class.com/test/svg/ellipse/intrinsic-none.svg </quoting>
I'm not sure about my sintax, its a lot easier to make svgs in a vector graphics application, but I took out the entity references and the viewbox and style definitions and converted every measure to relative units. It does work on Opera, and on the rest of the recent browsers, looks the same and gives me no errors! no url for now, but it follows the working intrinsic-test.svg for one of the images: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" " http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"; x="0px" y="0px" width="100%" height="100%" xml:space="preserve" preserveAspectRatio="none"> <defs> <linearGradient id="gradBase" gradientUnits="userSpaceOnUse" x1="50%" y1="100%" x2="50%" y2="0%"> <stop offset="0" style="stop-color:#D0D1C5"/> <stop offset="0.6" style="stop-color:#B3B4AA"/> <stop offset="1" style="stop-color:#9D9E94"/> </linearGradient> </defs> <rect id="base" fill="url(#gradBase)" width="100%" height="100%"/> <defs> <linearGradient id="anguloMinuto" gradientUnits="userSpaceOnUse" x1="50.75%" y1="230%" x2="49.25%" y2="-130%"> <stop offset="0.1" style="stop-color:#D0D1C5;stop-opacity:0"/> <stop offset="0.9" style="stop-color:#80807C;stop-opacity:0.5"/> </linearGradient> </defs> <rect id="escureceEsq" fill="url(#anguloMinuto)" width="100%" height="100%"/> <defs> <linearGradient id="gradDistancia" gradientUnits="userSpaceOnUse" x1="50%" y1="100%" x2="50%" y2="0%"> <stop offset="0" style="stop-color:#FFFEF4;stop-opacity:0.09"/> <stop offset="1" style="stop-color:#FAFAFF;stop-opacity:0.06"/> </linearGradient> </defs> <rect id="distancia" fill="url(#gradDistancia)" width="100%" height="100%"/> </svg> :) Thank you all, best, isabel ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
