behind: document.styleSheets im IE7

Beitrag lesen

SELF-Forum

document.styleSheets im IE7

behind
– Informationen zu den Bewertungsregeln

Hallo,

ich hatte mal ein ähnliches Problem, ich wollte einen <div> per link verschieben. Im IE funktioniert alles ein wenig anders, also wurde ich über "ComputedStyle" belehrt.
Wenn Du das ganze Umbaust, und statt ...style.left ...style.fontSize einbaust, sollte es auch im IE klappen.

Hier ist die komplette Seite mal als Quellcode:
Und hier kannst Du mal probeweise im IE nachschauen. Der Server ist allerdings nicht immer online.

mfg

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  
<html>  
  <head>  
  <title>creating a default layout</title>  
  
<script type="text/javascript" >  
<!--  
function movehz(who, leftright)  
  {  
  /*  
     document.getElementById(who).style.left = leftright + parseInt(document.getElememtById(who).style.left) + "px";  
   */  
    foo = document.getElementById(who);  
    if (document.body.currentStyle)  
          {fooStyle = foo.currentStyle;}  
    else if (window.getComputedStyle)  
           {fooStyle = window.getComputedStyle(foo, null);}  
  
  
  
   document.getElementById(who).style.left = leftright + parseInt(fooStyle.left) + "px";  
  
  };  
-->  
</script>  
  
<style type="text/css">  
<!--  
   body { background-color: #FFFFFF; font-family: Arial; color: #000000; margin:0px; }  
  
   a:link    { text-decoration:underline; font-weight:bold; color:#000000; }  
   a:visited { text-decoration:underline; font-weight:bold; color:#000000; }  
   a:hover   { text-decoration:underline; font-weight:bold; color:#ffffff; background-color:#000000}  
   a:active  { text-decoration:underline; font-weight:bold; color:#000000; }  
   a:focus   { text-decoration:underline; font-weight:bold; color:#000000; }  
  
.navi {  
              z-index:3;  
              position:absolute;  
              background-color:#dddddd;  
              text-align:right;  
              vertical-align:middle;  
              width:150px;  
              height:350px;  
              top:140px;  
              left:60px;  
           }  
.abc {  
              background-color:#ddeeee;  
              position:relative;  
              width:150px;  
              height:350px;  
              top:140px;  
              left:60px;  
  
     }  
 -->  
</style>  
</head>  
  
<body>  
  
<div><a href="div1.html">div1.html</a></div>  
<div><a href="div3.html">div3.html</a></div>  
  
<div id="navigation" class="navi">  
  
  
  
 <a href="javascript:movehz('navigation', 20);">nach rechts</a><br>  
  
  
</div>  
  
<div class="abc" >geassdfv</div>  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln