(I posted this yesterday but it might be clearer with a working example)
If you run the code below in IE and make the window small you will see
a fixed header and a scrollable text section. I'm trying to make this
work in standards mode / Firefox as well (and perferrably use a
tableless design).
This works with IE in quirks mode, but not in Firefox or IE in
standards mode. The problem is setting the table to 100% high - IE in
quirks mode makes that the height of the viewport, whereas IE in
standards mode and Firefox make that the height of its container. As
we don't know the exact height of the window, the table just sizes to
its contents and so no content overflows, hence no scrollbars.
I'm sure there has to be a way to do this in standards mode without
javascript...
<html>
<head>
<style>
body {
overflow : hidden;
}
table {
height : 100%;
width : 100%;
}
.bodyDIV {
height : 100%;
overflow : auto;
}
.headerTR {
height : 1%;
}
</style>
</head>
<body>
<table>
<tr class="headerTR">
<td>Header Content</td>
</tr>
<tr>
<td>
<div class="bodyDIV">
<p>Body content</p>
<p>Body content</p>
<p>Body content</p>
<p>Body content</p>
</div>
</td>
</tr>
</table>
</body>
</html>
______________________________________________________________________
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/
