# clientHeight working but I can't go sideways! Help me please

**URL:** <https://forum.kirupa.com/t/clientheight-working-but-i-cant-go-sideways-help-me-please/220023>\
**Category:** Uncategorized\
**Created:** [March 21, 2007, 11:51pm UTC](https://forum.kirupa.com/t/clientheight-working-but-i-cant-go-sideways-help-me-please/220023 "2007-03-21T23:51:40Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Head\_In\_A\_Pan](https://avatars.discourse-cdn.com/v4/letter/h/c67d28/32.png) [@Head\_In\_A\_Pan](https://forum.kirupa.com/u/Head_In_A_Pan)\
**Post date:** [March 21, 2007, 11:51pm UTC](https://forum.kirupa.com/t/clientheight-working-but-i-cant-go-sideways-help-me-please/220023/1 "2007-03-21T23:51:40Z")

</div>

Hey!!  
I can’t get this floating layer to go sideways in Internet Explorer 7. Of course it works fine on the other browsers - but I figure it must be something really basic I’m missing.

Can an expert/anyone above my novice level help me?

```auto

<div id="divBottomLeft" style="position:absolute">
<form name=ee><input name=sd type=text style="color: white; background-color: #706d66" size="8"> 
</input>
</form>

<!-- My layer content -->
</div>

<!--Below is the floating layer script-->

<script type="text/javascript">
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
var px = document.layers ? "" : "px";
function JSFX_FloatDiv(id, sx, sy)
{
    var el=d.getElementById?d.getElementById(id):d.all?d.a ll[id]:d.layers[id];
    window[id + "_obj"] = el;
    if(d.layers)el.style=el;
    el.cx = el.sx = sx;el.cy = el.sy = sy;
    el.sP=function(x,y){this.style.left=x+px;this.styl e.top=y+px; this.style.right=y+px; this.style.bottom=y+px;};
    el.flt=function()
    {
        var pX, pY;
        pX = ns ? pageXOffset : document.documentElement && document.documentElement.scrollLeft ? 
        document.documentElement.scrollLeft : document.body.scrollLeft;
        if(this.sx<0) 
        pX += ns ? clientWidth : document.documentElement && document.documentElement.clientWidth ? 
        document.documentElement.clientWidth : document.body.clientWidth;
        
        pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? 
        document.documentElement.scrollTop : document.body.scrollTop;
        if(this.sy<0) 
        pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 
        document.documentElement.clientHeight : document.body.clientHeight;
        this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
        this.sP(this.cx, this.cy);
        setTimeout(this.id + "_obj.flt()", 40);
    }
    return el;
}

JSFX_FloatDiv("divBottomLeft", 5, -40).flt();

</script>

```