Разбиение таблици на группы

[CoDy]

Всем привет.

Вот ломаю голову над тэгами <colgroup> <col>. В литературе пишут примеры в которых при помощи этих тегов и CSS можно размечать таблици. Но на самом деле получается разметить только фон.

Вот например этот код:

<style type="text/css">
  table                          {border:outset 1px; border-collapse:collapse}
  table caption                  {font:bold 14pt; color:#707070}
  table td                       {border:inset 1px; padding:3px}

  table colgroup#GROUP1          {width:10%; text-align:center; 
                                  background-color:#F6F6F6}
  table colgroup#GROUP3          {width:15%; text-align:right}

  table colgroup#GROUP3 col#COL3 {text-align:center}
  table colgroup#GROUP3 col#COL5 {background-color:#F0F0F0}

  table tr#ADDR td               {text-align:left; background-color:#FFFFFF}
  table tr#HEAD td               {font-weight:bold; text-align:center;
                                  background-color:#A0A0A0; color:#FFFFFF}

  table tfoot td                 {text-align:right}
  table tfoot tr#TOTAL           {font-weight:bold; 
                                  background-color:#A0A0A0; color:#FFFFFF}
</style>
<table>
<caption>Sales Order</caption>

<colgroup id="GROUP1">
  <col/>
</colgroup>

<colgroup>
  <col/>
</colgroup>

<colgroup id="GROUP3">
  <col id="COL3"/>
  <col/>
  <col id="COL5"/>
</colgroup>

<thead>
<tr>
  <td colspan="5">
    Your Name<br/>
    Your Address<br/>
    City, ST 55555<br/>
  </td>
</tr>
<tr>
  <td>No.</td>
  <td>Description</td>
  <td>Quantity</td>
  <td>Price</td>
  <td>Amount</td>
</tr>
</thead>

<tfoot>
<tr>
  <td colspan="4">Shipping</td>
  <td>50.00</td>
</tr>
<tr>
  <td colspan="4">Sales Tax</td>
  <td>155.77</td>
</tr>
<tr>
  <td colspan="4">Total</td>
  <td>$ 2,431.16</td>
</tr>
</tfoot>

<tbody>
<tr>
  <td>11111</td>
  <td>Microsoft Windows XP Professional</td>
  <td>2</td>
  <td>169.99</td>
  <td>339.98</td>
</tr>
<tr>
  <td>22222</td>
  <td>Microsoft Office XP Professional</td>
  <td>2</td>
  <td>449.99</td>
  <td>999.98</td>
</tr>
<tr>
  <td>33333</td>
  <td>Adobe Photoshop 7.0</td>
  <td>1</td>
  <td>579.95</td>
  <td>579.95</td>
</tr>
<tr>
  <td>44444</td>
  <td>HP PhotoSmart 7550 Printer</td>
  <td>1</td>
  <td>299.99</td>
  <td>299.99</td>
</tr>
<tr>
  <td>55555</td>
  <td>USB Device Cable</td>
  <td>1</td>
  <td>5.49</td>
  <td>5.49</td>
</tr>
</tbody>

В нем не работает ни ти разметка шрифта ни выравнивание.

Почему так происходит? Мож ктоньть сталкивался с этим?

[psywalker]

CoDy

Вообще <colgroup> <col> хорошие вещи, но к сожалению не все браузеры их поддерживают, а точнее думаю ИЕ6-7. А так бы я и сам ими с удовольствием пользовался, предлагаю оставить их до лучших времён

[harrids]

The following properties apply to column and column-group elements:

• 'border'
  
• 'background'
  
• 'width'
  
• 'visibility'
  

http://www.w3.org/TR/CSS21/tables.html#columns