CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Рис. 11.11. Макет таблицы с фиксированной шириной

<table> <colgroup>

<col ld="cr><col id="c2"><col id="c3"xcol id="c4">

</colgroup>

<tr>

<td id="r1cr>l-K/td><td id="rlc2">l-2</td> <td id="r1c3">1-3</tdxtd id="rlc4">i-4</td> </tr> <tr>

<td id="r2cl">2-1</tdxtd id="r2c2^,T>2-2</td> <td id="r2c3">2-3</td><td id=^,Tr2c4">2-4</td> </t r> <tr>

<td id="r3cl">3-1</tdxtd id='^,r3c2">3-2</td> <td id=" r3c3">3-3</td><td id=^T,r3c4">3-4</td> </tr> <tr>

<td id="r4c1">4-1</td><td id="r4c2">4-2</td> <td id="r4c3">4-3</td><td id=^,Y4c4">4-4</td> </tr> </table>

Как видно из рис. 11.11, ширина первого столбца равна 200 пикселам, что составляет половину ширины таблицы в 400 пикселов. Второй столбец имеет ширину 75 пикселов, потому что ширина ячейки первой строки этого столбца была задана явно. Третий и четвертый столбцы - каждый по 61 пикселу шириной. Почему? Потому, что сумма ширин первого и второго столбцов (275рх) плюс различные рамки между столбцами (Зрх) равняется 278 пикселов. 400 минус 278 получается 122, и 122 делится на два, что дает 61 пиксел - такова ширина третьего и четвертого столбцов. А что же ширина в 500 пикселов, заданная для #г2сЗ? Она игнорируется, потому что эта ячейка находится не в первой строке таблицы.

Обратите внимание, что для применения модели с фиксированной шириной совершенно не обязательно явно задавать ширину таблицы, хотя это, конечно, помогает. Например, исходя из следующего агент пользователя мог бы подсчитать ширину таблицы, которая получилась бы на 50 пикселов меньше ширины родительского элемента:

table {table-layout:fixed; margin:0 25px; width:auto;}