Test Start

The table to the right contains usage statistics for Internet Explorer from 2002 to October of 2010 (the most recent month from which data is available). It is clear that the popularity of Internet Explorer has rapidly decreased since the early 2000s.
Usage Statistics for Internet Explorer a
Browser Usage
2010 29.7 %
2009 37.2%
2008 46.0%
2007 56.0%
2006 60.6%
2005 68.9%
2004 76.2%
2003 84.9%
2002 83.4%

a Data is from www.w3schools.com

Usage Statistics for Firefox a
Browser Usage
2010 44.4 %
2009 46.4%
2008 44.4%
2007 36.3%
2006 29.9%
2005 23.6%
2004b 16.5%
2003b 7.2%
2002 --

a Data is from www.w3schools.com

b Firefox was identified as Mozilla prior to 2005. Statistic represents combined usage of Mozilla and Firefox

The table to the left contains usage statistics for Firefox. It is the most popular non-IE browser; however, statistics for the past three years suggest that its popularity may have plateaued. This may be due to Google Chrome, which has rapidly gained in popularity since its introduction two years ago. Chrome had a 19.2% market share in October of 2010.

Test End

Rule References

Rule Pass IDs Fail IDs
Rule 36
  • id1
none

Calculations

No calculations for test 86

Test Description

  • This test contains a layout table with one nested data table.

Test Markup

User Agent Implementation

No user agent implementation information.

HTML Source Code


<div class="wrapper">
   <table id="id1" class="container">
      <tbody>
      <tr>
         <td>
            The table to the right contains usage statistics for Internet Explorer from 2002 to October of 2010 (the most recent month from which data is available). It is clear that the popularity of Internet Explorer has rapidly decreased since the early 2000s.
         </td>
         <td>
            <table class="statsTable" border="1" summary="Usage Statistics for Internet Explorer since 2002. Data is from www.w3schools.com">
               <caption>Usage Statistics for Internet Explorer <sup>a</sup></caption>
            <tbody><tr>
               <th id="year" class="heading">Browser</th>
               <th id="stat" class="heading">Usage</th>
            </tr>
            <tr>
               <th id="yr_2010" class="rowHead">2010</th>
               <td headers="yr_2010 stat">29.7 %</td>
            </tr>
            <tr>
               <th id="yr_2009" class="rowHead">2009</th>
               <td headers="yr_2009 stat">37.2%</td>
            </tr>
            <tr>
               <th id="yr_2008" class="rowHead">2008</th>
               <td headers="yr_2008 stat">46.0%</td>
            </tr>
            <tr>
               <th id="yr_2007" class="rowHead">2007</th>
               <td headers="yr_2007 stat">56.0%</td>
            </tr>
            <tr>
               <th id="yr_2006" class="rowHead">2006</th>
               <td headers="yr_2006 stat">60.6%</td>
            </tr>
            <tr>
               <th id="yr_2005" class="rowHead">2005</th>
               <td headers="yr_2005 stat">68.9%</td>
            </tr>
            <tr>
               <th id="yr_2004" class="rowHead">2004</th>
               <td headers="yr_2004 stat">76.2%</td>
            </tr>
            <tr>
               <th id="yr_2003" class="rowHead">2003</th>
               <td headers="yr_2003 stat">84.9%</td>
            </tr>
            <tr>
               <th id="yr_2002" class="rowHead">2002</th>
               <td headers="yr_2002 stat">83.4%</td>
            </tr>
            </tbody>
         </table>
         <p id="reference"><sup>a</sup> Data is from <a href="http://www.w3schools.com/browsers/browsers_stats.asp">www.w3schools.com</a></p>
         </td>
      </tr>
      <tr>
         <td>
            <table class="statsTable" border="1" summary="Usage Statistics for Firefox since 2002. Data is from www.w3schools.com">
               <caption>Usage Statistics for Firefox <sup>a</sup></caption>
            <tbody><tr>
               <th id="year" class="heading">Browser</th>
               <th id="stat" class="heading">Usage</th>
            </tr>
            <tr>
               <th id="yr_2010" class="rowHead">2010</th>
               <td headers="yr_2010 stat">44.4 %</td>
            </tr>
            <tr>
               <th id="yr_2009" class="rowHead">2009</th>
               <td headers="yr_2009 stat">46.4%</td>
            </tr>
            <tr>
               <th id="yr_2008" class="rowHead">2008</th>
               <td headers="yr_2008 stat">44.4%</td>
            </tr>
            <tr>
               <th id="yr_2007" class="rowHead">2007</th>
               <td headers="yr_2007 stat">36.3%</td>
            </tr>
            <tr>
               <th id="yr_2006" class="rowHead">2006</th>
               <td headers="yr_2006 stat">29.9%</td>
            </tr>
            <tr>
               <th id="yr_2005" class="rowHead">2005</th>
               <td headers="yr_2005 stat">23.6%</td>
            </tr>
            <tr>
               <th id="yr_2004" class="rowHead">2004<sup>b</sup></th>
               <td headers="yr_2004 stat">16.5%</td>
            </tr>
            <tr>
               <th id="yr_2003" class="rowHead">2003<sup>b</sup></th>
               <td headers="yr_2003 stat">7.2%</td>
            </tr>
            <tr>
               <th id="yr_2002" class="rowHead">2002</th>
               <td headers="yr_2002 stat">--</td>
            </tr>
            </tbody>
         </table>
         <p id="reference"><sup>a</sup> Data is from <a href="http://www.w3schools.com/browsers/browsers_stats.asp">www.w3schools.com</a></p>
         <p id="reference"><sup>b</sup> Firefox was identified as Mozilla prior to 2005. Statistic represents combined usage of Mozilla and Firefox</p>
         </td>
         <td>
            The table to the left contains usage statistics for Firefox. It is the most popular non-IE browser; however, statistics for the past three years suggest that its popularity may have plateaued. This may be due to Google Chrome, which has rapidly gained in popularity since its introduction two years ago. Chrome had a 19.2% market share in October of 2010.
         </td>
      </tr>
   </tbody>
   </table>
</div>

CSS Code


div.wrapper {
    margin: 20px;
    padding: 10px;
    overflow: visible;
    background-color: #faf7f0;
    border: 1px solid #880000;
    -webkit-border-radius: 10px; /* Safari and Chrome rounded corners */
    -moz-border-radius: 10px; /* Firefox rounded corners */
    border-radius: 10px; /* Opera rounded corners */
}
table.container td {
   padding: 5px 10px;
   width: 24em;
}
table.statsTable {
   width: 100%;
   border-collapse: collapse;
}
table.statsTable caption{
   margin: 10px;
   font-size: 120%;
   font-weight: bold;
}
table.statsTable th.heading {
   padding: 2px 5px;
   text-align: center;
   font-weight: bold;
   background-color: #f9f9f9;
   border-bottom: 2px solid black;
}
table.statsTable th.rowHead {
   width: 10%;
   padding: 2px 5px;
   text-align: left;
   font-weight: normal;
}
table.statsTable tbody td {
   width: 18%;
   padding: 2px 5px;
   text-align: right;
}
.odd {
   background-color: #ffffee;
}
.even {
   background-color: #fff;
}
p#reference {
   margin-top: 2px;
   font-size: 80%;
}

Javascript Source Code


// Define a small jQuery extension to alternate table row colors
jQuery.fn.alternateRowColors = function() {
   $('tbody tr:odd', this).addClass('odd');
   $('tbody tr:even', this).addClass('even');

   return this;
};

$(document).ready(function() {
   $('table.statsTable').alternateRowColors();
});