A webpage that uses the "table-layout:fixed" attribute is displayed unexpectedly in Compatibility View in Internet Explorer 8

Article ID: 981286 - View products that this article applies to.

SYMPTOMS

You use Windows Internet Explorer 8 to browse a webpage that contains a table. However, the webpage is displayed unexpectedly in Compatibility View if you use the table-layout:fixed attribute.

When this issue occurs, you experience one of the following symptoms in Internet Explorer 8:

If you select the Automatically recover from page layout errors with Compatibility View check box, the webpage is displayed in Compatibility View.
If you clear the Automatically recover from page layout errors with Compatibility View check box, a blank page is displayed. After you refresh the blank page, the desired page is displayed.

Note By default, the Automatically recover from page layout errors with Compatibility View check box is selected. You can find this check box on the Advanced tab of the Internet Options dialog box, under the Tools menu.

For a sample code to reproduce this issue, see the "More information" section.

Back to the top | Give Feedback

RESOLUTION

Security update information

To resolve this problem, install the most recent cumulative security update for Windows Internet Explorer. To do this, visit the following Microsoft website:

http://update.microsoft.com

(http://update.microsoft.com)

For more technical information about the most recent cumulative security update for Windows Internet Explorer, visit the following Microsoft website:

http://www.microsoft.com/technet/security/current.aspx

(http://www.microsoft.com/technet/security/current.aspx)

Note This update was first included in security update 982381 (MS10-035). For more information, click the following article number to view the article in the Microsoft Knowledge Base:

982381

(http://support.microsoft.com/kb/982381/ )

MS10-035: Cumulative security update for Internet Explorer

Back to the top | Give Feedback

MORE INFORMATION

Sample code to reproduce this issue

For example, you use the following code to develop a webpage:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"> 
<html>
    <head>
        <title>IE8 Compatibility View test</title>
    </head>
    <body>
   <div style="POSITION: absolute; WIDTH: auto; ">     
            <table width="100%" >
                <tbody>
                    <tr>
                        <td valign="top" width="10%">
                            <table style="width:100%; border:1px solid cyan; table-layout:fixed; ">
                                <tbody>
                                    <tr>
                                        <td>header</td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </body>
</html>

When you browse this webpage in Internet Explorer 8, you experience the issue that is described in the "Symptoms" section.

Back to the top | Give Feedback