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.

A couple of issues ive found so far:

div.tablesorterPager {
background-color:#FFFFFF;
border:0 solid  red;
margin:0;
padding:0 0 10px;
top:440px;  /* Changed from 547px */



}

Not sure why your using absolute positioning, should be able to float this underneath the table.

#main .results {
background:url("../images/line2.gif") repeat-y  scroll 339px 0 transparent;
overflow:hidden;
padding:0;  /* Changed from 0 0 83px */

width:100%;


}

The padding was pushing the footer further down.

thanks but none of these helped.

where do you see absolute position used?

the design was made by someone else, i'm the programmer.

The absolute positioning is an inline style on the pagination widget.

<div class="tablesorterPager" id="pagerX" style="top: 547px; position: absolute;">
    <form>
        <img class="first" src="http://devbox.geosciences.com/images/first.png">
        <img class="prev" src="http://devbox.geosciences.com/images/prev.png">
        <input type="text" class="pagedisplay">

        <img class="next" src="http://devbox.geosciences.com/images/next.png">
        <img class="last" src="http://devbox.geosciences.com/images/last.png">
        <select class="pagesize">

            <option value="10">10 per page</option>
            <option value="20">20 per page</option>
            <option selected="" value="30">30 per page</option>
            <option value="40">40 per page</option>

            <option value="60">60 per page</option>
        </select>

    </form>
</div>

This is also providing a "top" atribute that needs to be changed.