<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
             "http://www.w3.org/TR/html4/strict.dtd";>
<html>
     <head>
        <title>Blah</title>
     </head>
     <body style="margin:0px 0px 0px 0px; z-index:5;">
        <div style="position:fixed; width:100%; z-index:1; text-align:center;">
            <img src="background.jpg" style="margin-left:auto; margin-right:auto;">
        </div>
        <div style="position:absolute;color:#999; z-index:inherit;">
            body text.
        </div>
     </body>
</html>

is the code you need to implement, there is no easy way (without using 
table vertical-align hacks) to do vertical centering, I think it should 
be a CSS3 thing and should have been a CSS2, but that's my opinion. 
http://bugzilla.mozilla.org/show_bug.cgi?id=78087 is the bug you're 
looking for.

grayrest

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


Reply via email to