Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
How do I center a layer based on the window size?
- Thread starter debrac
- Start date
this example worked in IE:
<div id="benluc" style="position:absolute;width:200px;height:200px;background-color:red"></div>
<script>
function centerElement(obj)
{
var ofsth = parseInt(obj.style.height)/2
var ofstw = parseInt(obj.style.width)/2
alert(ofsth)
obj.style.left = window.document.body.offsetWidth/2 - ofstw
obj.style.top = window.document.body.clientHeight/2 - ofsth
}
centerElement(benluc)
</script>
this works in IE, for a ns6 version, use document.getElementById and availHeight and availWidth jared@aauser.com
<div id="benluc" style="position:absolute;width:200px;height:200px;background-color:red"></div>
<script>
function centerElement(obj)
{
var ofsth = parseInt(obj.style.height)/2
var ofstw = parseInt(obj.style.width)/2
alert(ofsth)
obj.style.left = window.document.body.offsetWidth/2 - ofstw
obj.style.top = window.document.body.clientHeight/2 - ofsth
}
centerElement(benluc)
</script>
this works in IE, for a ns6 version, use document.getElementById and availHeight and availWidth jared@aauser.com
- Thread starter
- #4
- Thread starter
- #6
- Status
Similar threads
- Locked
- Question