div jump after it slide down

Go To StackoverFlow.com

5

I create a new page using HTMl and I whant when user clicks on one of my Links ,one div slide down at the bottom of it. the problem is when I using this code in my page it silde down in left side of my header and then it jump beneath my link.I save the code in jSfiddle :

http://jsfiddle.net/GMSvk/1/ in jsFiddle it jump up after slide down .please help me to solve this.

thanks

2012-04-04 08:03
by Arian


4

Add clear:both to #Specifications

http://jsfiddle.net/GMSvk/3/

2012-04-04 08:06
by Andreas Wong


0

I just used a <br /> tag, and it worked. :)

  </div>
</div>
<br />
  <div id="Specifications">
     wq  we  q
   </div>
2012-04-04 08:07
by hjpotter92


0

Just add overflow:hidden on .topLeftBand which should fix the problem.

.topLeftBand {
    overflow:hidden;    
}
2012-04-04 08:09
by Dips


0

I have edited you code please check - http://jsfiddle.net/GMSvk/4/

fixed jumping issue , align issue. Please reply me if you have any doubt

2012-04-04 12:42
by ShibinRagh
Ads