Image disappears in z-index div on IE

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Gary - 27 Mar 2008 00:22 GMT

I have tabbed divs using z-index CSS and Javascript. I got the code,
tab_webfx.css and tabpane.js, from an online example. It works fine
using Firefox and Safari but on IE the images I have in the divs
disappear. They initially are shown but when IE finishes loading they
disappear.

http://www.blueheronhealth.net/treatment.htm

Note: my CSS file is a bit messy and I need to clean it up, i.e.
remove what I am no longer using.

Gary

Reply to this Message

Bergamot - 27 Mar 2008 23:29 GMT

> I have tabbed divs using z-index CSS and Javascript.
> on IE the images I have in the divs
> disappear. They initially are shown but when IE finishes loading they
> disappear.
>
> http://www.blueheronhealth.net/treatment.htm

IE has issues with floats. Maybe someday they'll all be fixed. In the
meantime, try adding position:relative to the floated element.

Signature

Berg

Reply to this Message

Gary - 28 Mar 2008 19:30 GMT

> > I have tabbed divs using z-index CSS and Javascript.
> > on IE the images I have in the divs
[quoted text clipped - 8 lines]
> --
> Berg

Thanks Berg,

I redesigned this page to use tabbed divs using z-index, prior to that
I didn't have problems with the floats. Since I didn't have a problem
until I started using the z-index I assumed it had something to do
with my redesign. Your suggestion solves my problem.

Gary

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / March 2008

Image disappears in z-index div on IE