I have a web page with two frames split into a smaller top frame and a larger bottom frame. The top frame contains a form that allows users to query a database. The bottom frame contains a blank space that displays the results of that query. Pretty simple.
I've run into a problem of sizing the top frame to perfectly fit the form it contains, so I can give the maximum amount of space to the bottom frame. The point is to eliminate any white-space on the page.
Originally, I had a fixed pixel count for the top frame and gave the bottom frame the rest of the space. Like this: <frameset rows='185,*' frameborder='no' border='0' framespacing='0'>
This works most of the time, but often it will be out of proportion. There are so many browsers types and configuration that this method isn't always successful.
I've also tried using a percentage measurement.
Such as: <frameset rows='70%,*' frameborder='no' border='0' framespacing='0'>
I've also tried using relative measurement.
Such as: <frameset rows='*,*3' frameborder='no' border='0' framespacing='0'>
Is there any sure fire way to get the portions exactly right every time? Or is estimating the best chance I have?