Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

SVG wont display in aspx page


12:39 pm on Jul 29, 2005 (gmt 0)

New User

10+ Year Member

joined:July 26, 2005
votes: 0

Hi all,
Not really sure if this is the right forum but I do have a problem that is graphic related.

I am trying to enhance the look of our company LMS with the use of CSS and SVG. I am very new to SVG and I'm having slight problems in displaying what I have designed in an .aspx page.

I have downloaded Adobe's SVG Viewer 3.0 and it works fine from a .htm page or as a standalone .svg page. My problem is that I cannot view the svg image from my ASP.Net Web App. I am using IE 6 sp2.

This is the code from within the aspx page:

<table id="BreadCrumbTrail_tbl" cellpadding="0" cellspacing="0" border="0" width="100%">
<td><object data="../SVG/Main.svg" width="100%" height="25" type="image/svg+xml" VIEWASTEXT></object></td>

The SVG code is to create a gradient background image:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"

<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">

<linearGradient id="top_nav_bar" x1="0%" y1="100%" x2="0%" y2="0%">
<stop offset="0%" style="stop-color:rgb(124,118,174); stop-opacity:1"/>
<stop offset="100%" style="stop-color:rgb(178,173,217); stop-opacity:1"/>

<rect width="100%" height="25px" style="fill:url(#top_nav_bar)"/>

All that is displayed in the aspx page is a white space where a purple gradient bar should be. Any help would be great, thanks in advance.

12:19 am on July 30, 2005 (gmt 0)

New User

10+ Year Member

joined:July 29, 2005
votes: 0

What is required by your viewers to see the SVG effects? SWF files rendered from Flash can be viewed if the end user has the right flash plug-in installed on their browsers.

Maybe your browser is missing the an SVG component/plug in that will render the SVG effect?

7:31 am on Aug 1, 2005 (gmt 0)

New User

10+ Year Member

joined:July 26, 2005
votes: 0

The only reason for svg is to give the web pages a better look with the use of gradients etc. I know IE filters handle gradients quite well without SVG but I am also trying to make it compatible with FireFox.

Unfortunately I have recently read that FireFox 1.0.6 (my current version) is not yet fully compatible with SVG and that Adobe SVGViewer 3.0 does not work with it. Although there is some joy with SVGViewer 6.0 (Beta).

I will probably wait 'til both FireFox and IE are 'firing on all cylinders' with SVG before attemping it again.

Thanks for your reply.

11:03 am on Aug 5, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:Mar 31, 2004
votes: 0

...sorry about that.i'm on my ipaq and the space bar on the keyboard is just above the 'home' button in mobile IE.
as Iwas saying, IE 6.0 zoomed from page to page filled with SVG images for 25 minutes before crashing. IE 5.5, with all its undiscovered treasures, endured more than 45 minutes before it,too, finally crashed.
but, gradients in css will work for firefox and opera to a lesser degree. use the gradient filter for IE and voila! cross-browser gradients that produce itsy-bitsy file sizes, unlike the current model of SVG. I think SVG is still a year or two out there. there are too few tools that display it, and coding it from scratch is too labor intensive, which obliterates any value for its use.

i believe SVG will eventually rule the web and pixels will go away because broadband will be so blazing fast,pixels will take up too much space and will clog the internet. acrobat for documents and Flash for imaging will rule. acrobat is vector based driven by postscript and flash is java driven vector.