This is partly a bug in Mozilla, and partly due to the fact that the
default z-index of an element is supposed to be 'auto' and not '0', but
some of the other browsers mistakenly treat auto as '0', but I don't
fully understand it...
Ed S wrote:
> Hi All,
>
> Here is a thread of mine from alt.html that I thought might be a bug in
> Mozilla...
> Can anyone confirm this?
>
> My current <div> is:
>
> <div
> style="position:absolute;text-align:center;margin-top:15em;z-index:-1"><img
> src="\images\logos\WorldTrans2.gif" alt=""
> style="width:810px;height:389px"></div>
>
> Thanks in advance,
>
> --Ed
>
> Ed S wrote:
> > Thanks viza,
> >
> > I need the "position:absolute" so I can put the image on a different
> > z-index so it is a pseudo-background without specifying a background
> > image in the <body> tag (or in CSS). I did take your advice on the
> > text-align and margin-top which works very well.
> >
> > I still have the problem of the image not showing up on Mozilla. If I
> > set the z-index to 0 ("z-index:0") then the image shows up on top of the
> > rest of the site - which works on Mozilla. As soon as I set the z-index
> > to any negative number, the image disappears from Mozilla, but works
> > fine on IE. Any ideas?
> >
> > Thanks,
> >
> > --Ed
> >
> > viza wrote:
> >
> >> Thus quoth Ed S:
> >>
> >>> Here is my image tag inside a div tag that I want centered (height &
> >>> width) on the page and on the layer underneath everything else.
> >>> Also, this doesn't show up on Mozilla, only on IE. Am I doing
> >>> something wrong or is it a Mozilla problem?
> >>>
> >>> <div style="position: absolute; width: 810px; height: 389px; top: 50%;
> >>> z-index: -2">
> >>> <img src="\images\logos\WorldTrans2.gif" alt="" width="810"
> >>> height="389">
> >>> </div>
> >>
> >>
> >>
> >> Absolute positioning it is a bad idea in most cases, and certainly in
> >> this situation it will not help you.
> >>
> >> <div style="text-align:center">
> >> <img src="" alt="" style="width:810px;height:389px;">
> >> </div>
> >>
> >> Is all you need to center it horizontally. It is very difficult to
> >> center it vertically. top: is the distance between the top of the top
> >> of the image and the containing block. It would be easier and cleaner
> >> for you to just set a top margin, eg: margin-top:2em; You could
> >> monkey around with line height and vertical align, but why are you
> >> trying to do it like that?
> >
> >
> >
>
>
