HI.
I making a site and im using prototype.js and effects. Im using BlindDown on a div. Its hidden at the start adn when i click on button the div slides down. Everything works fine, except that in IE7 when the blinddown finishes the Div jumps one line lower and a free line appears. I cant figure out what makes the free line. Maybe its the frameworks ,,bug".
Maybe you know how to fix this?
HTML part (the aaaa div at the start is just so, if nothing is before the sliding div, everythings fine, but with this - no )
CODE
<html>
<body>
<div>aaaaa</div>
<div id="signin">
<div class="logincontent">
<form id='login_form' name="login_form" action="" method="post">
Name:
<input type="text" class="textField" value="" name="login_name"/>
Pass:
<input type="password" class="textField" value="" name="password"/>
<input type="submit" name="submitbt" value="Login" class="buttonRight"/>
</form>
</div>
<p>
<a href="#">Register/login</a>
</p>
</div>
</body>
</html>
JavaScript part
CODE
Event.addBehavior(
{
"body":function(){
this.down(".logincontent").hide();
},
"#signin a:click":function(e)
{
new Effect.BlindDown(this.up('div').down(".logincontent"));
e.stop();
this.hide();
}
});
This post has been edited by Zumiic: 22 Aug, 2008 - 02:03 AM
| 