1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<STYLE TYPE="text/css">
.w1 {width:100%}
.a-div {width:50%;position:relative; text-align:right; background-color:red;margin:0px;}
</STYLE>
</HEAD>
<BODY>
<DIV>Buggy example: This table has a tfoot and a tbody</DIV>
<TABLE border class="w1 fs-11-13">
<TFOOT><TR style="background-color:olive"><TD align="right">This is the footer</TD></TR></TFOOT>
<TBODY><TR style="background-color:silver" valign="top"><TD><DIV class="a-div">This row should be in the (grey) table body</DIV></TD></TR></TBODY>
</TABLE><BR>
<DIV>For comparison: The same table without a tfoot</DIV>
<TABLE border class="w1 fs-11-13">
<!--<TFOOT><TR style="background-color:olive"><TD align="right">This is the footer</TD></TR></TFOOT> -->
<TBODY><TR style="background-color:silver" valign="top"><TD><DIV class="a-div">This row should be in the (grey) table body</DIV></TD></TR></TBODY>
</TABLE>
<DIV>ILLEGAL example: TFOOT after TBODY -- THIS IS PROHIBITED BY HTML 4.01 STRICT AND SHOULD NOT WORK IN STRICT MODE. Please fix or reenable transitional mode.</DIV>
<TABLE border class="w1 fs-11-13">
<TBODY><TR style="background-color:silver" valign="top"><TD><DIV class="a-div">This row should be in the (grey) table body</DIV></TD></TR></TBODY>
<TFOOT><TR style="background-color:olive"><TD align="right">This is the footer</TD></TR></TFOOT>
</TABLE><BR>
</BODY>
</HTML>
|
