Thanks to everyone for their advice...
The faux columns and switching backgrounds type tricks would work in
the simple example, but not in the full application, so I ended up
having to write some JavaScript to do the job for me. You can see it
working here if you're interested http://eeoh.com.au/
verticalExpansion.html
var theGrid, theScreen, gridNatHeight = 0;
function fillGrid () {
theGrid = document.getElementById("bottomRow");
theScreen = document.getElementById("rhColumn");
if (theGrid && theScreen) {
if (gridNatHeight == 0) {
gridNatHeight = theGrid.offsetHeight;
}
newHeight = theScreen.offsetHeight - theGrid.offsetTop;
theGrid.style.height = ((newHeight < gridNatHeight) ?
gridNatHeight : newHeight) + "px";
}
}
function resizeGrid () {
if (theGrid && theScreen) {
newHeight = theScreen.offsetHeight - theGrid.offsetTop;
theGrid.style.height = ((newHeight < gridNatHeight) ?
gridNatHeight : newHeight) + "px";
}
}
Thanks,
Chris
--
Chris McLay …// designer
Mobile 041 123 9190
Email [EMAIL PROTECTED]
iChat & AIM [EMAIL PROTECTED]
Web http://www.eeoh.com.au/chris/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
