Hello. On one webpage I just worked out, I use svg (by using <object>)
for browser that supports svg (firefox), and give an <imginside of
<objectas a fallback for IE.
http://www.realss.com/workshop/061107
The page looks differently between Fx and IE.
On Fx it's the correct look.
On IE, the object block should faile (IE don't suport svg)
[codesnip1]
<object type="image/svg+xml" width="310" height="70"
style="float: left; background-color: white"
data="http://www.realss.cn/logos/scalable_logo_quarter.svg" >
<img src="http://www.realss.cn/logos/weblogo_quarter.png"
alt="Real Softservice Logo" />
</object>
[/codesnip1]
However, the browser does not correctly fallback. If I replace the
above <objectsection with this
[codesnip2]
<img src="http://www.realss.cn/logos/weblogo_quarter.png"
style="float: left; background-color: white"
alt="Real Softservice Logo" />
[/codesnip2]
Then for IE the page look OK.
Question: for IE if svg is not understood, codesnip1 and codesnip2
should look the same, now they are not.
Is it possible to make IE render the page correctly, without having to
fall back to not to use svg at all? (for that particular page there is
no lose if I completely don't use svg, but I am just curious if it's
possible to still using svg, e.g. in case we used an animated logo and
then we wish to preserve the svg movie for browsers that supports it)