• Resolved uberpiglet

    (@uberpiglet)


    I have been going mad over the last few days trying to get my blog looking correct in firefox and IE…these bloody z-index bugs are driving me made. The current build of firefox won’t display negative z-index values, yet older builds of IE have bugs relating to relatively placed objects. Is there any quick fixes with this. Cheers.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Z-index is overkill and unnecessary.

    Thread Starter uberpiglet

    (@uberpiglet)

    If you have 2 image objects such as a tiled background image and a floating object on top, such as the images in an article, you need z-index for them to show in the correct order right?

    you don’t need z-index to do that.
    a background image is defined as a style element. you can add to your stylesheet e.g.
    background-image: url(/images/mybackground.gif)
    images in an article can be normal img tags which will display in the foreground.

    Thread Starter uberpiglet

    (@uberpiglet)

    If you have images within the html of the page it still comes out messed up on older versions of IE….https://www.uberpiglet.com/ The main page isn’t showing any of the images in the articles on IE6.

    Thread Starter uberpiglet

    (@uberpiglet)

    Any image or inline ads inside the box class don’t show… When I set the z-index to -1 on box it does show in IE6 but then box goes behind the background image in Firefox.

    You may have cross browser issues. Well there is no way z index is going to help. Ditch it.

    A little bit of studying your own code AND reading the Codex – makes miracles ??
    Read it out loudly for yourself:
    https://codex.www.ads-software.com/Template_Tags/the_excerpt#Description

    uberpiglet.
    when you add position:relative; to your img classes, the images will display in IE6

    I doubt it…

    Any image or inline ads inside the box class don’t show.
    – he said. Look at his source: all the “boxes” use the_excerpt.

    it’s an IE6 bug (or feature as you would ask microsoft).
    aligned images do not show in IE6 when the containing element is set position:relative, they will be covered by the background of their parent div

    Thread Starter uberpiglet

    (@uberpiglet)

    Moshu: I appreciate that you are trying to help, but speaking to me like I am an idiot was a tad uncalled for especially seeing as you actually missed the mark. The images that I want to show are not inside the Excerpt…I know what excerpt does!! The images that are not showing are floated images inside the box class, but outside the excerpt. The position: relative advice worked a charm, thank you very much macbrink. I was about to give up and just use 2 style sheets, one for IE…and one for everything else. But that’s fixed it. Cheers.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Z-Index Nightmare’ is closed to new replies.