When I hide a div, the image in the div still visible in internetexplorer

[Faraz.ya]

Hi,
When I include an image in a div and add a sliding hide effect on the
div to close it, my image in the div don't disappear in internet
explorer.
I think it's the best if you take a look at: http://mkweb123.web.aplus.net/kayaks.php
to see exactly what I mean. If you click on the first boat ( the
yellow one) and then click on another boat, the image under the yellow
boat stays on top.
Can somebody help?

Thanks,
Ross

 

[Doug Gunnoe]

Hi,
When I include an image in a div and add a sliding hide effect on the
div to close it, my image in the div don't disappear in internet
explorer.
I think it's the best if you take a look at:http://mkweb123.web.aplus.net/kayaks.php
to see exactly what I mean. If you click on the first boat ( the
yellow one) and then click on another boat, the image under the yellow
boat stays on top.
Can somebody help?

Thanks,
Ross

Hi Ross.

This is the div you are trying to hide, right?

<div class="handle3"><img src='images/com_01.gif'></div>

I tested this by putting an image inside a div and then hid the div
and the image disappeared fine in IE.

So there must be something else going on here. How exactly are you
trying to hide the DIV?

I did it like this:

divREF = document.getElementById("div1");
divREF.style.visibility = "hidden";

and then the DIV

<div id="div1"><img src="someImage.gif"></div>

Doug

 

[faraz_mit]

Hi Ross.

This is the div you are trying to hide, right?

<div class="handle3"><img src='images/com_01.gif'></div>

I tested this by putting an image inside a div and then hid the div
and the image disappeared fine in IE.

So there must be something else going on here. How exactly are you
trying to hide the DIV?

I did it like this:

divREF = document.getElementById("div1");
divREF.style.visibility = "hidden";

and then the DIV

<div id="div1"><img src="someImage.gif"></div>

Doug

Hi and thanks for the reply,
the image I am trying to hide is <img position: relative; src="images/
com_01_angle.gif" alt="angle view" class="bevel iradius15 noshade
noshine" />
if you go to http://mkweb123.web.aplus.net/kayaks.php and click on the
kayak to the very left, you will see it's content including an image
on the top.
When you click on any other kayak on this page the content of the one
on the left (which includes the intented image ) should disappear but
the image doesn't go away in ie.
Thanks again for helping me on this,
Ross

 

[David Mark]

Hi and thanks for the reply,
the image I am trying to hide is <img position: relative; src="images/
com_01_angle.gif"  alt="angle view" class="bevel iradius15 noshade
noshine"  />
if you go tohttp://mkweb123.web.aplus.net/kayaks.phpand click on the
kayak to the very left, you will see it's content including an image
on the top.
When you click on any other kayak on this page the content of the one
on the left (which includes the intented image ) should disappear but
the image doesn't go away in ie.
Thanks again for helping me on this,

Who knows what is happening behind the scenes? You are using a widget
that is built on top of jQuery. There's no predicting the result of
such a thing. Even if it were to work perfectly today (in a handful
of modern browsers), it might well break tomorrow. Unless you keep
all of your browsers up to date and test constantly, you'll never even
know it happened.

The answer is to stop using jQuery. Do you really need that silly
effect? It isn't particularly pleasing. Other libraries have better
special effects, but they have their own problems. If you really want
a sliding accordian effect on your page, you might want to consider
hiring a competent developer to implement it (i.e. one who doesn't
require jQuery to get it done.)

 

[RobG]

Hi,
When I include an image in a div and add a sliding hide effect on the
div to close it, my image in the div don't disappear in internet
explorer.
I think it's the best if you take a look at:http://mkweb123.web.aplus.net/kayaks.php
to see exactly what I mean. If you click on the first boat ( the
yellow one) and then click on another boat, the image under the yellow
boat stays on top.
Can somebody help?

Your page is not valid XHTML or HTML, you should fix the errors and
use HTML 4 strict, it is also dysfunctional with scripting disabled.
If you convert the images to JPEG format instead of GIF, you should be
able to get much higher compression and significantly reduce the size
of your page, greatly shortening download times.

You are using jQuery and an effects plugin, the best place to ask
questions is in the jQuery group.