CSS ID and reading position

why doesn't that work?

[baton]

i create a DIV element with CSS ID specified. inside CSS ID there is position specified but i can not see it from javascript lateron.. i try to access it via eg. div1.style.left and get an empty string instead of value specified inside CSS ID definition. how to get it? when i copy the CSS ID definition into DIV tag's STYLE attribute everything works fine..

how shall it be?

eg.

<style>#id1{position:absolute; background-color: blue; width:10; left: 110; top: 40; height: 300; cursor: w-resize; z-index:10}</style>

<div id="id1" onmousedown="alert(this.style.left)">

...and when i click on that div i get alert with an empty string..

[Birdman]

Hello, I am currently racking my brain learning this DOM stuff. Perhaps try the following:

alert(getElementById(this).style.left)

or

alert(document.getElementById(this).style.left)

Of course it depends what browser you use too. A real pain.

[photon]

I don't know if it will solve your problem, but in CSS you have to include

px

(or

em

or

%

or ...) in your length attributes. For example

 width:10px; left: 110px; top: 40px; height: 300px;

[baton]

hi there..

the problem here is not in a correct accessing style.left attribute - as this works and is correct BUT in the CSS ID handling in IE probably..
once more - if i copy the code from STYLE ID definition into DIV's STYLE attribute it works..
why?

[DrDoc]

Try adding type="text/css" to your style tag

<style type="text/css">

And, yes, add the units (px) too ;)