Why does Javascript/DHTML Ignore CSS styles??

This is reaaly annoying, ,but I'm trying to implement scrolling behavior in a web app and I'm getting that object.style.left etc always returns "Undefined," even when set in CSS file!

Ok, if I set the left or top property inline such as, "style=left:2; top:4" it works and object.style.left properly returns 2px, but if set in an external CSS it doesnt work.

Any clue to why this is??

FattyMembrane said:

i have the same problem and haven't been able to figure it out. i'd be very thankful if someone has an answer or solution.

Click to expand...

Seems like nobody knows...
I'll check the apple mailing lists, if I get any response I'll post it here...

Rower_CPU said:

As a workaround you could just use descendancy and use the element type in your stylesheet for the object the js is working on.

For instance, if the scrolling text is in a <div>, add a container <div> with an id on it and set the style for "#id div" in your stylesheet.

Click to expand...

Yea, I've done that, but was hoping there could be another solution... is this behavior W3C or what? IE, FF and Safari all exhibit this...

Got the answer

Ok Guys here it is.
http://www.oreillynet.com/pub/a/javascript/excerpt/JSDHTMLCkbk_chap5/index5.html

Enjoy.