Style properties undefined until I define them

DelphiCoder

I have the following sample:

Expand|Select|Wrap|Line Numbers

 <html> <body>

<div id="mydiv" style="position: absolute;"> Hello </div>

<script>

alert(document.getElementById("mydiv").style.top);

</script>

</body> </html>

The resulting message box shows nothing. If I add "top: 10px" to the style (in the div tag), then it shows "10px". That means that I can't read the top/left/height/width properties without specifying them first. But I need to position another div based on the location/size of this div, which I don't want to specify explicitly (I'm using 'float' property and its height changes based on its content). Is there a way to do this?

I basically have two divs, "float: left" for both. The height of the one on the left is determined by its content, and I need to force the height of the one on the right to be exactly the same as the one on the left (I'm turning the scroll bars on for it).

Canabeez

You can use this function to find a position of an object:

Expand|Select|Wrap|Line Numbers

 
function findPosition(Object)

{

    if('undefined' != typeof(Object.offsetParent))

    {

        for(var posX=0,posY=0;Object;Object=Object.offsetParent)

        {

            posX += Object.offsetLeft;

            posY += Object.offsetTop;

        }

        return [posX,posY];

    }

    else

    {

        return [Object.x,Object.y];

    }

}

Style properties undefined until I define them

re: Style properties undefined until I define them

/bytes/development

/bytes/it

/bytes/about