tags:

views:

22

answers:

1

I am using jScroller to show a marquee.. It works fine but it always sticks my div to top of the page rather than the exact position of the div....

<div id="CaptDiv"> // this div is at the centre of my page
    <div id="CaptionDiv" class="captiontext">
        Find your Leads to Precede and Predate
    </div>
</div>

and i have applied this css only...

.captiontext
{
 font-weight:bold; color:#69442f;
 font-family: Arial,Helvetica,sans-serif; font-size:105%;margin-left:70px;
}

and my jquery,

     $(document).ready(function() {
        $jScroller.add("#CaptDiv", "#CaptionDiv", "right", 1);
        $jScroller.start();
    });

alt text

+2  A: 

Try adding position: relative to div that contains the scroller. I would imagine JsScroller is adding position: absolute to the scroller div and the scroller div has no positioned parent. The scroller div is therfore positioned absolutely in relation to the body element

elduderino
@elduderino it worked... Just changed absolute to relative in the plugin......
Pandiya Chendur
Great! Glad it worked!
elduderino