invertedpanda
06-13-2005, 11:55 AM
Ok, lets say I've got a container div with some other stuff in it (such as a header, a fixed-height left column, a liquid height center column, and a right column that needs to fill the container div's height 100%). I need that div to fill the entire document height, because it's got borders on the side that need to touch from top to bottom.
Anyway, all the various methods I have tried generally either don't do any kind of height management, or will set the div height to the height of the user's window size (So, if they have a browser window with a page-area size of 1000, the div height would come out 1000) - another interesting issue is that the right column would come out the same size as the container div, and extend out of it (so, using our previous example, it would be 1000 too, and extends out beyond the container div because the header takes up the full width of the container div).
If you need to see a visual, you can see what is going on at http://creativity.the-engine.org/concepts/fastone1/ (note: I do my testing in Firefox).
Also, just want to throw out a thanks to everybody on this forum. This place is a great resource :)
Anyway, all the various methods I have tried generally either don't do any kind of height management, or will set the div height to the height of the user's window size (So, if they have a browser window with a page-area size of 1000, the div height would come out 1000) - another interesting issue is that the right column would come out the same size as the container div, and extend out of it (so, using our previous example, it would be 1000 too, and extends out beyond the container div because the header takes up the full width of the container div).
If you need to see a visual, you can see what is going on at http://creativity.the-engine.org/concepts/fastone1/ (note: I do my testing in Firefox).
Also, just want to throw out a thanks to everybody on this forum. This place is a great resource :)