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?
>
>
>
