CAA: Christian Anime Alliance

I was wondering if anyone knows if the z-index feature in CSS is supported anymore by Internet Explorer. I used it in the making of my site, and it seems to work fine in almost every browser other than IE; which is rather frustrating as the reference book I am using uses its primary browser example as IE, and while it is a couple of years old, I had thought what worked then should work now. I use Firefox on my own computer, but I want the site to be accessable to IE users, as well.

So anyone know if the z-index is supported in IE, and if not, if there is a
way I can fix it in my code. Or if it does in fact work for you in IE, if there is a setting I need to change, or the latest version to download, or what.

The site is www.battlecrycomics.com

Thanks.

I don't see any z-index stuff on that site. Can you link to an exact page with it? There may be some trouble with another part of the script.

Do you really need to use z-index, or is there another way you could be doing something?

I use z-index on my site at http://www.flactem.com/ and it works fine. Perhaps you could use that as an example?

Like I said, I'm not sure of what I am doing... here's a link to the main page, which does use z-index: www.battlecrycomics.com/main.html. And really, I have no idea if there is another way I could do the page without z-index.

I really need to sit down for an entire day and get it all worked out. I just don't have the time right now. I guess it'll work for now the way it is, and I'll work something out to fix it as I have time...

When I go to that page and look at the source, I do not see the text "z-index" in the source. Maybe I'm missing something...

http://www.w3schools.com/css/css_reference.asp#positioning

Says it's been supported since IE 4. Might be buggy about it though, who knows, but whatever~

Mith: You missed the link to the actual CSS file. http://www.battlecrycomics.com/css/main.css

Hmm... The values in the css file for the z-index atributes look OK. If they're not working, you may have an overall issue with the CSS. Or you might be overriding the z-index somewhere.

Looking at this in Firefox, I don't see anything out of line. All of the elements seem to be appearing in a position in line with their z-positioning. Could you tell us more about what the page is supposed to look like?

Looking at this in IE, however, the layout is completely destroyed. IE does not support position: fixed. If you want this effect in this browser, you'll need to find a work-around.

Could she use absolute instead?