<html xmlns:un="http://usablenet.com/namespaces/508_rules">
   <link rel="stylesheet" href="josh.css">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
   
      <title>Detailed View for rule: Use percentage values for table sizes</title>
      <!--
  508/W3C Accessibility Suite OEM V2 for Macromedia Dreamweaver
  (C) Copyright 2001-2005 UsableNet Inc. All rights reserved.
  -->
   </head>
   <body bgcolor="#ffffff">
      <div id="Description">
         <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
            <tr>
               <td valign="top" nowrap="true" class="name">Use percentage values for table sizes</td>
               <td valign="top" nowrap="true" class="compatibility">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
            </tr>
            <tr>
               <td valign="top" align="right" nowrap="true" colspan="2" class="requirements">WAI / WCAG 1.0 Priority 2 checkpoint 3.4</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>Issue Description</b><br>
                  
                  
                  <p>The page contains tables that specify width and/or
                     height for rows and/or columns in absolute units rather
                     than relative ones, like percentages.
                     	 
                  </p>
                  
                  
               </td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>How to fix</b>
                  	 
                  <p>
                     	 For table and table cells sizes use percentage values rather than absolute
                     	 values. Replace the values in the attributes WIDTH and/or HEIGHT
                     	 of TABLE, TH or TD elements with percentage values. 
                     	 
                  </p>
                  
               </td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>Issue Explanation</b><br>
                  
                  
                  <p>Whenever possible it is best to use relative units. 
                     	 
                  </p>
                  
                  
                  <p>Use
                     percentage units rather than absolute ones for tables' height and
                     width.  
                     
                  </p>
                  
                  
                  <p>
                     In this way the visual layout of the page will be "liquid", in the
                     sense that it can adapt to the specific browser being used and the
                     specific screen that supports it.
                     
                  </p>
                  
                  
                  <p>
                     In the specific case of tables, using percentage values has the
                     advantage that the browser user (the website visitor) can resize the
                     entire window at will without affecting the ability to experience the
                     content of the page.
                     
                  </p>
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>