W3C home > Mailing lists > Public > www-style@w3.org > August 2001

RE: IE6 standard-compliant mode and TABLE elements

From: Manos Batsis <m.batsis@bsnet.gr>
Date: Fri, 31 Aug 2001 14:14:36 +0300
Message-ID: <A35E2040C17F0C48B941B8F4D0DF122908E342@ermhs.Athens.BrokerSystems.gr>
To: "Brian James" <bjames@telseon.com>
Cc: <www-style@w3.org>
Hi Brian,

Well, the first and last row cannot be of height:1px if you have text
nodes in the child TDs (unless you set table-layout property to "fixed",
or change the TDs' overflow  ;-)
Other than that, I think it renders fine, both in the beta and release
versions. Here's the markup:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/strict.dtd">
<html xmlns="http://www.w3.org/TR/xhtml1">
  <head>
    <title>
      table-layout Demo
    </title>
  </head>
  <body>
    <table
style="width:100%;height:100%;color:#ffffff;font-size:25px;table-layout:
fixed;" summary="fixed layout table">
      <tr style="height: 1px; background-color:red;">
        <td>
	Top     
        </td>
      </tr>
      <tr>
        <td style="background-color: blue;">
          Middle
        </td>
      </tr>
      <tr style="height: 1px; background-color:red;">
        <td>
	Bottom
        </td>
      </tr>
    </table>
  </body>
</html>

If you load it on your IE6, you'll have first and last rows of 1px
height while the middle row "auto-fills" as you say.

Kindest regards,

Manos



> -----Original Message-----
> From: Brian James [mailto:bjames@telseon.com]
> Sent: Thursday, August 30, 2001 7:48 PM
> To: 'www-style@w3.org'
> Subject: IE6 standard-compliant mode and TABLE elements
> 
> 
> With IE6 standards-compliant mode enabled, I am no longer 
> able to create
> variable height TABLE rows.  For example, create a table with 
> three rows.
> Set the table height to 100%, then set the height of two of 
> the three rows
> to 1px.  This will cause the height of the third row to 
> auto-fill.  This
> functionality is very handy, but apparently no longer works in IE6
> standards-compliant mode.  Any suggestions?
> 
> <table style="width: 100%; height: 100%">
> <tr style="height: 1px; background-color: aliceblue;">
>   <td>Top</td>
> </tr>
> <tr>
>   <td>Middle</td>
> </tr>
> <tr style="height: 1px; background-color: aliceblue;">
>   <td>Bottom</td>
> </tr>
> </table>
> 
> Brian R. James
> 
> 
Received on Friday, 31 August 2001 07:13:59 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:10 GMT