Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS problems with tablesorter/jquery

    Hi,

    please take a look at http://devbox.geosciences.com/test-live.php

    under Institution / Location / Degrees table there is a pagination div.

    I don't know why the distance between the table and the div is huge & i want it one under the other.

    please change it to 10 and 20 results/page and navigate thru pages and you'll see how this distance changes.

    I have spent an entire day trying all the solutions i could think of like:
    - putting the table and pagination in a bigger table like:

    or
    - using float:left for the pagination div

    ...

    nothing helped.

    any ideas? thanks for your time.

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    You do have some markup errors.

    Here.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 725 Times in 719 Posts
    If I've understood correctly, when you restrict your results to 10 per page, your .browse div is longer than .related-inner div, hence the gap at the bottom of the table to the end of the .results div is longer.

    When you have 20 or more results per page, the .related-inner div is longer, and the gap to the end of .results is smaller.

    Or have I misunderstood...?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •