nicht angemeldet
Hallo allerseits, :)
ich habe da ein Problem mit CSS/JS
hier erstmal nen Auszug ausm Quelltext.
=========================================
<head>
<style>
.kategorie {position:absolute;left:5;top:16;font-family:verdana;font-size:12pt;font-weight:bold;cursor:default;}
.text {position:absolute;left:220px;width:350;height:100;font-family:verdana;font-size:10px;cursor:default;}
</style>
<script language="javascript">
function test()
{
var textTop = document.getElementById('text_01').style.getAttribute("top","false");
var textLeft = document.getElementById('text_01').style.getAttribute("left","false");
alert(textTop);
alert(textLeft);
}
</script>
</head>
<body>
<div id="text_01" class="text" style="top:10">BlabAlbaBA</div>
<div id="text_02" class="text" style="top:30">BlabAlbaBA</div>
<a href="#" onclick="test();">test</a>
</body>
Nun folgendes Problem:
den ersten alert erhalte ich korrekt, ( 10 )
der zweite alert ist aber leer, was in sofern halbwegs logisch ist, weil ich in "text_01" ja keinen Wert für left zugewiesen habe, sondern dies über die class="text" geschieht.
meine Frage ist nun, wie kommme ich an den Left Wert ran?
ich hab mir gedacht per
document.styleSheet('text') ... aber weiter scheitert es bei mir
wäre nett wenn mir jemand nen wink mit nem Zaunpfahl geben könnte...
mfg Stephan