View Full Version : CSS problems with tablesorter/jquery

06-15-2010, 01:50 PM

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:

- using float:left for the pagination div


nothing helped.

any ideas? thanks for your time.

06-15-2010, 02:45 PM
You do have some markup errors.

Here. (http://validator.w3.org/check?uri=http%3A%2F%2Fdevbox.geosciences.com%2Ftest-live.php&charset=%28detect+automatically%29&doctype=Inline&group=0)


06-15-2010, 03:07 PM
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...?