how to set the table inside div scrolled to bottom

[Maim]

I have a div with its overflow set to auto. Inside, I have a table with several rows (10) but I only ever want to show 4 rows at a time so the height of my div is 100px.

Is there a way to always have the last row showing at the bottom? If yes, then how?

sample
code

<div id=&quot;scroller&quot; style=&quot;height:100px;overflow:auto&quot;>
<table>
<tr><td>1</td></tr>
...
<tr><td>10</td></tr>
</table>
</div>

I want 10 to be visible...

Thanks

-----------------------------------
"Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning." - Rich Cook

 

[RISTMO]

Could you take that one row out and stick it in its own table right after the div? And then if you had to stay in that 100px height, just resize the div? That seems to be by far the easiest way.

Rick

-----------------------------------------------------------

http://www.ristmo.com/

RISTMO Designs

http://www.arabchurch.com/

Arab Church

http://www.reference-guides.com/

Reference Guides

 

[TrmblingBluStar]

Are you saying you want the element to always be scrolled to the bottom when the page loads?

If so, you can use javascript to scroll the element:

http://www.dyn-web.com/dhtml/lyr-scroll.html

Or, you might be able to use the element's clip property:

http://www.w3schools.com/css/pr_pos_clip.asp

 

[TheConeHead]

could you just build your table bottom to top?

<div id=&quot;scroller&quot; style=&quot;height:100px;overflow:auto&quot;>
<table>
<tr><td>10</td></tr>
...
<tr><td>1</td></tr>
</table>
</div>