Hi there,
I think the problem is caused by the tables surrounding your <div>. I noticed you use a lot of fixed table sizing (width and height), which can lead to this behavior. Basically what happens is that you *allow* your inner table to be so big.
If you cut just the div with the scrolling table to a new page, right between the <body> tags, you'll see that it works as expected.
So, I think you'll have to check out the page and see what table cell is causing the additional height.
You could try to use less nesting. That is, put the header in its own table, and the scrolling div right below it, right under the <body> tag, if applicable. This makes the page easier to understand, fix and maintain.
Also, run the checker on the file in Dreamweaver. There is at least one problem with a <tr> at the end of the page.
There is no "resize" script to accommodate for lower resolutions. How can a script determine what to resize? Some stuff should remain unchanged (e.g. the table with the corporate branding stuff), while other things should be resized.
You, as a page developer, are responsible for making sure the page looks good on other resolutions. One way to do this is to drop the fixed table sizes, and use percentages. A table with a width of 100% spans the entire browser window, both on low as on high resolutions. A table with a width of 1024px is just that. This means it will only fill half the screen on a 2048x1536 monitor, while you need to scroll a bit on a 800x600 screen.
If I were you, I would try to drop, or at least minimize the use of tables for layout purposes, and use CSS instead. Once site which is very good in this area is
http://www.alistapart.com/
Cheers,
Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
While typing this post, I was listening to:
De creatyfuslijer by
Osdorp Posse (Track 2 from the album:
Geendagsvlieg)
am i sorta screwed here?
