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;">This
should be centered</div>
With this code :
<script language="JavaScript" type="text/javascript">
var ScreenW = document.documentElement.offsetWidth;
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.]

News wrote on 08 okt 2003 in comp.lang.javascript:

<script language="JavaScript" type="text/javascript">
var ScreenW = document.documentElement.offsetWidth;
document.write(ScreenW);
</script>

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.getElementById("myElement").offsetWidth;
document.getElementById("myElement").innerHTML = myoffsetWidth + "px"
</script>

IE6 tested.

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