Grow your CSS skills. Land your dream job.

Floating div falls in FF but not chrome/ie

  • # May 20, 2013 at 2:28 am

    Hello, on
    http://bit.ly/14HOXwn

    I have “Sold In Pairs”
    Should be to the right of the Add To Cart button, but in Fire Fox its not, it falls just below it..

    I tried messing with the margin but can’t get it working.

    Appreciate any efforts.

    Thank you

    # May 20, 2013 at 2:40 am

    Well it working fine in chrome, firefox and ie! Is it the older versions having this problem?

    # May 20, 2013 at 2:43 am

    its 20.0.1, and now its updating..

    So now.. its 21.0 but its still not working for me :-/

    # May 20, 2013 at 3:55 am

    > its 20.0.1, and now its updating.

    mine is 20 so version should not be a problem.

    if i goto “code inspector” and disable “float:right;” property then it is coming down. else i am able to view it fine.

    # May 20, 2013 at 5:33 am

    Fine for me in Chrome (26) & FF (21)

    # May 20, 2013 at 6:36 am

    I bet that you have FF zoomed in one level, making the text just a bit too big to fit in the form. The way you have it laid out is too rigid and will fail (as you’re seeing). I would remove the width from form.class; and make all three elements (the quantity, add to cart, and sold in pairs) float left.

    # May 20, 2013 at 12:39 pm

    i thought for sure it was zoomed in like you said, but it wasn’t ah! why does it work for everyone but me thats weird

    wolfcry I cannot find form class inspecting element and i added form.class {width:;} to see if maybe my eyes just were not seeing it, but this didn’t do anything so i must be doing it wrong still

    # May 20, 2013 at 4:03 pm

    my mistake, I meant form.cart (not class). It has a fixed width of 245px. Perhaps you have a different font in use…

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".