Style properties undefined until I define them

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).

Jul 28 '09 #1

Subscribe Post Reply

2574

Canabeez

126

100+

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];

    }

}

Jul 29 '09 #2

Similar topics

static data-member undefined external

by: Scott J. McCaughrin | last post by:

The following program compiles fine but elicits this message from the linker: "undefined reference to VarArray::funct" and thus fails. It seems to behave as if the static data-member:...

C / C++

I apparently don't get the syntax of document.getElementById(nameOfDiv).style.visibility='visible';

by: lawrence | last post by:

The following function correctly makes everything invisible but then fails to turn the one chosen DIV back to visible. I imagine I'm getting the syntax of the variable wrong? I've tried this with...

Javascript

Div's top and left style properties yield NaN

by: Rick | last post by:

I give up. I've been banging my head on the keyboard for the last half-hour over this one. Can someone please point out what the heck I'm doing wrong? I'm trying to move a block of text on screen....

Javascript

2 style questions

by: Sander | last post by:

1. I was having a discussion with somebody and I think it's just religious. We are developing some software and he was looking through my code. I use if (pointer) to test a pointer for NULL. He...

C / C++

C style casting

by: Ramesh Tharma | last post by:

Hi, Is any one knows what's wrong with the following code, I was told that it will compile and run but it will crash for some values. Assume that variables are initilized. char* c; long*...

C / C++

Good C programming style

by: Sensei | last post by:

Hi! I'm thinking about a good programming style, pros and cons of some topics. Of course, this has nothing to do with indentation... Students are now java-dependent (too bad) and I need some...

C / C++

Javascript Style Properties for Dynamic Images in Safari

by: Joe Cox | last post by:

I am having a problem with style properties for dynamic images in Mac OS X Safari. By dymanic images, I mean images allocated with the javascript 'new Image()' call. With static images (created...

Javascript

Properties

by: Jon Slaughter | last post by:

private string name; public string Name { get { return name; } set { name = value; } } In the above, why doesn't C# just allow one to create a single directive to make a property?

C# / C Sharp

Opera and dynamic style change.. this must be a joke..

by: Piotr K | last post by:

Ok, I tried simply everything that came to my mind and now I ran out of ideas, but to the point - take a look at the code below // GetStyle returns given style value (works fine)...

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing