W3C home > Mailing lists > Public > public-css-testsuite@w3.org > March 2008

Header-body-footer control

From: Robin Pelgrim <robinpelgrim@zonnet.nl>
Date: Sun, 9 Mar 2008 20:15:23 +0100
Message-ID: <000b01c88219$eccb9f60$0601a8c0@OWNERQTHV6IJCX>
To: <public-css-testsuite@w3.org>
One of the most frustrating thing for me is (in strict mode) to create a 'header-body-footer' control, with stretching body. Well it should be easy, but in fact, by the css 2.1 content-box model, it is just imposible to create such a control when using borders and/or margins, padding (and without using javascript).
Luckily the border-box model is back in css 3 and so I think its good to have a testcase for this contol (keeping in mind that all newest versions of the browsers are supporting css box-sizing).

So I think the following or similar test should be added (since IE7 (and IE8)) do render it the wrong way...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html style="width:100%;height:100%;padding:0px;margin:0px;">
<body style="width:100%;height:100%;padding:0px;margin:0px;">
<table cellspacing="0px" cellpadding="0px" style="width:100%;height:100%;">
    <tr>
	    <td style="background-color:green;">
            Header of unspecified height
		</td>
	</tr>
	<tr style="height:100%;background-color:blue;">
		<td>                    Stretching body filling up table
		</td>
	</tr>
	<tr>
		<td style="background-color:red;">
			Footer of unspecified height
		</td>
	</tr>
</table>
</body>
</html>  
Received on Sunday, 9 March 2008 19:16:12 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 20 September 2010 17:51:56 GMT