table-layout

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes

Short information
CSS CSS2
Default value auto
Inherited No
Applied To the tag <TABLE > or to the element having the property "display" set as "table" or "inline-table"
HTML analog No
Reference to specification http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout

Description
This parameter defines browser calculating of table sells height and width according to its contents.

Syntax

table-layout: auto | fixed

Arguments
auto
The browser loads all table. It analyzes a table for the sizes of cells definition and only after that it displays them.
fixed
Value raises productivity of table construction. The width of columns is defined either with the help of the tag or it is calculated on the basis of the first line. If it is impossible to receive the formatting data, the table is shared on equal width columns. When you use this parameter the content which is not located in a specified width cell will be cut off or overlap a cell. It depends on an applied browser but the width of a cell will not be changed in any case.

Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>table-layout</title>
  <style type="text/css">
   TABLE {
    table-layout: fixed; /* Fixed cell width */
   }
  </style>
 </head>
 <body>
 
  <table width="100%" cellspacing="0" border="1">
   <col width="160">
   <col span="9" width="60">
   <tr> 
    <td>&nbsp;</td>
    <td>1995</td><td>1996</td><td>1997</td><td>1998</td>
    <td>1999</td><td>2000</td><td>2001</td><td>2002</td>
    <td>2003</td>
   </tr>
   <tr> 
    <td>Oil</td><td>5</td><td>7</td><td>2</td><td>8</td>
    <td>3</td><td>34</td><td>62</td><td>74</td><td>57</td>
   </tr>
   <tr>
    <td>Gold</td><td>3</td> <td>6</td><td>4</td><td>6</td>
    <td>4</td><td>69</td><td>72</td><td>56</td><td>47</td>
   </tr>
   <tr>
    <td>Wood</td><td>5</td><td>8</td><td>3</td><td>4</td>
    <td>7</td><td>73</td><td>79</td><td>34</td><td>86</td>
   </tr>
  </table> 
 
 </body>
</html>
Cloud Technology
Cloud Computing
Cloud Backup Services
Cloud Backup