svg image misbehavior on IE?

[Zhang Weiwu]

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_q uarter.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 <objectsectio n 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)

[å¼ éŸ¡æ­¦]

ÓÚ Wed, 11 Oct 2006 02:14:35 -0700£¬Zhang Weiwuдµ½£º

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_q uarter.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 <objectsectio n 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)

This problem is cross-posted on comp.infosystem s.www.authoring .stylesheet
and Spartanicus kindly answered it. It seems this is more of a css
question then HTML question, so I posted in the wrong group.

The workaround to this IE issue is to wrap a div around <objecttag and
apply style to <divinstead.