Center a <DIV> with Javascript.

[News]

Hi All,

I'm trying to center a StyleSheet like below :

<div id="CenterThis " style="position :absolute; top:40px; left:70px;">Thi s
should be centered</div>


With this code :
<script language="JavaS cript" type="text/javascript">
var ScreenW = document.docume ntElement.offse tWidth;
document.write( ScreenW);
</script>

I can get the screenwidth, but how would I combine this with the div code so
that it will be centered??

Any suggestions/help is welcome!

Thanks!

Regards,
Steven.

[Evertjan.]

Re: Center a &lt;DIV&gt; with Javascript.

News wrote on 08 okt 2003 in comp.lang.javas cript:
[color=blue]
> <script language="JavaS cript" type="text/javascript">
> var ScreenW = document.docume ntElement.offse tWidth;
> document.write( ScreenW);
> </script>
>[/color]

This will not work, I think.

The offsetWidth is only available when the page is rendered in the browser
and a subsequent document.write destroys the rendering and starts a new
page.

Try this:

<div id="myElement"> x</div>

<script type="text/javascript">
var myoffsetWidth = document.getEle mentById("myEle ment").offsetWi dth;
document.getEle mentById("myEle ment").innerHTM L = myoffsetWidth + "px"
</script>

IE6 tested.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)