jquery ui function problem

Question

Really my total hairs gone for it problem.

 $('ul#listticker').prepend($('<li><div  class="user-box" id="user_box1">.......</div></li>').fadeIn(2000));

$("ul#listticker li:first").show("slide", { direction: "up" }, 1000);

It is perfectly working in IE but not working in firefox.

I found solution for it that is

my class user-box is

#fbook-iq .user-box {
    width:280px;
    height:41px;
    float:left;
    margin-bottom:1px;
    padding:9px;
}

if i remove float:left line perfectly working

#fbook-iq .user-box {
    width:280px;
    height:41px;
        margin-bottom:1px;
    padding:9px;
}

Really i don't know what logical behind it.

please help me.

Peter · Accepted Answer · 2011-04-27 16:25:00Z

1

Why is the user-box class floating left? This points to the div element inside the li, and I don't quite see any reason for it. If the float: left on this element breaks behavior in Firefox, you might try to rather set the li containing element to the needed width and height, and leave the div element a non-floating block element. It's a work-around, but if it solves your problem, it solves your problem.

answered Apr 27, 2011 at 16:25

Peter

2732 gold badges3 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery ui function problem

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related