Home/ Questions/Q 6585995
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T16:44:04+00:00

I’ve tried to simplify the HTML below as much as possible. Why does the

  • 0

I’ve tried to simplify the HTML below as much as possible.
Why does the CSS property, color: #01FFDD;, get ignored by all the elements of the nested table? Nested CSS using <div> works in general for me, but not here. Am I doing something wrong? 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <style type="text/css" > #features{color: #01FFDD;}     </style>
    </head>

    <body>
        <table border="1">
            <tr>
                <td>
                    <div id="features">
                        <h2>FEATURES</h2>
                        <table border="1">
                            <tr>
                                <td>
                                    <h2>HEADING 1</h2>
                                    <p> SOME TEXT</p>
                                </td>
                                <td>
                                    <h2> HEADING 2</h2>
                                    <p>SOME TEXT</p>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
        </table> 
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This appears to be a quirks-mode type of issue, at least as I reproduced it in Safari 5.1 — depending on the DOCTYPE, the UA stylesheet contains the rule

    table {
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-variant: normal;
    font-style: normal;
    color: -webkit-text;
    text-align: -webkit-auto;
}

    Note the color property.

    To avoid this, change your <!DOCTYPE> to the official W3C recommendation for HTML 4.01 Transitional:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
    • 0