nicht angemeldet
clip Netscape6
ehm folgende Klassenspezifikation habe ich vorgenommen
<style>
.pos1{position:absolute;left: 0px;top: 10px;width: 550px;height: 80px;clip:rect (79px 550px 80px 0px)}
.pos2{position:absolute;left: 0px;top: 400px;width: 550px;height: 80px;clip:rect (0px 550px 100px 0px)}
</style>
damit möchte ich dann Container ansprechen
<div id="t0" class="pos1"><img border="0" src="line.gif" width="550" height="80"></div>
<div id="t1" class="pos2"><img border="0" src="line.gif" width="550" height="80"></div>
für IE und NC 4 kein Problem.Jedoch führt der Netscape 6 das clipping nicht durch.Spricht der Netscape 6 etwa den clip Tag anderst an ??
mfg Torsche
-
Hallo Torsche,
....clip:rect (79px 550px 80px 0px)}
manchmal ist schon eine Leertaste zuviel des Guten :-)
....clip:rect(79px 550px 80px 0px)}
Viele Grüße aus Köln
Markus-
Danke Marcus
Aber warum geht dann wieder nicht:<html><head><title>Div clippen</title>
<style>
.pos1{position:absolute;left: 0px;top: 10px;width: 550px;height: 80px;clip:rect(79px 550px 80px 0px)}
.pos2{position:absolute;left: 0px;top: 400px;width: 550px;height: 80px;clip:rect(0px 550px 100px 0px)}
</style>
</head>
<script>
var t=79;
var r=550;
var b=80;
var l=0;
function rechne()
{if (t<=0){alert ("ok")}
else {t--;schneid(t,r,b,l);}}
function schneid(t,r,b,l)
{if (document.layers)
{document.t0.clip.top = t;document.t0.clip.right = r;
document.t0.clip.bottom = b;document.t0.clip.left = l;window.setTimeout ('rechne()',10)}
else if(document.all) {document.all.t0.style.clip ="rect("+t+"px, "+r+"px, "+b+"px, "+l+"px)";window.setTimeout ('rechne()',10)}
else{document.getElementsById.t0.style.clip=rect("+t+"px, "+r+"px, "+b+"px, "+l+"px);window.setTimeout ('rechne()',10)}}
</script>
<body>
<div id="t0" class="pos1"><img border="0" src="line.gif" width="550" height="80"></div>
<div id="t1" class="pos2"><img border="0" src="line.gif" width="550" height="80"></div>
<A HREF="javascript:rechne();">schneide</a>
</body>
</html>-
Hallo Torsche,
else{document.getElementsById.t0.
else{document.getElementById("t0").
style.clip=rect("+t+"px, "+r+"px, "+b+"px, "+l+"px);
style.clip="rect("+t+"px, "+r+"px, "+b+"px, "+l+"px)";
Positioniere mal den Link _schneide_ , sagen wir mal auf 350 px, da dieser von Netscape 6.0 von dem Bereich _t0_ überlagert wird und somit nicht mehr ausgeführt werden kann.
<a href="javascript:rechne();" style="position:absolute;top:350;">schneide</a>
Dann läuft es auch auf Netscape 6.0 :-)
Gruß
Markus-
Danke Markus
Mit
document.getElementsById("t0").style.clip="rect("+t+"px, "+r+"px, "+b+"px, "+l+"px)";gings :-)
mfg Torsche
-
-
-