centering on page

[Joe Iano]

I have a group of div tags that make up an image that is intended to be
centered on the html page, both vertically and horizontally, regardless of
browser window size.

I can do this with tables, but I would like to do it with CSS. Can anyone
point me in the right direction? I've searched this group and some faqs,
with no success so far. Thanks. Joe

[Paul Andrews]

I relocate an image upon loading to the bottom-right corner of the screen.

<img id="Footer" SRC="images/powered.gif" style="position: absolute;
behavior: url('behaviours/footer.htc');" WIDTH="160" HEIGHT="35">

The following is stored in behaviours/footer.htc:

<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="onresize" FOR="window" ONEVENT="Relocate()" />
<PUBLIC:ATTACH EVENT="onload" FOR="window" ONEVENT="Relocate()" />
<SCRIPT LANGUAGE="VBScript">

function Relocate()
Footer.style.top = window.document.body.clientheight - 60
Footer.style.left = window.document.body.clientWidth - 160
end function
</SCRIPT>
</PUBLIC:COMPONENT>

Place all your component divs into one div and set the behaviour to
footer.htc as above.

You can then change the Relocate function to move the div to the centre of
the screen.

Let me know how you do.

Regards, Paul Andrews

"Joe Iano" <ji...@amphioncomx.com> wrote in message
news:OWpsPrVlBHA.2432@tkmsftngp03...