| {width:6em} | 1. Просто таблица в центре {width:auto} | {width:3em} |
| {width:6em} | 1а.
Просто таблица в центре {width:auto} (вариант: справа - пробел перед "3em") | {width: 3em} |
| {width:6em} | 1. Просто таблица в центре {width:auto} | {width:3em} |
| {width:6em} | 1а.
Просто таблица в центре {width:auto} (вариант: справа - пробел перед "3em") | {width: 3em} |
| 2. Таблица {width:100%} с ячейками {width:auto} |
| 3. Таблица {width:30em} |
| 3а. Таблица {width:30em}, ячейка справа 6em | td {width:6em} |
| 4. Таблица {table-layout:fixed} |
| 4а. Таблица {table-layout:fixed; width:30em} |
| 4б. Таблица {table-layout:fixed; width:30em} | td {width:6em} |
| Здесь обычно бывает "шапка" страницы и меню | |
| {height:1em} | 5. Таблица {table-layout:fixed; width:28em;} с вертикальным объединением ячеек. Для задания ширины ячейкам используется элемент col в начале таблицы. Если в этой ячейке будет достаточно много текста, ячейки слева будут отображаться неправильно в Интернет Эксплорере. И чем больше тут будет текста, тем неправильнее будет отображаться колонка слева: слова "Высота верхней ячейки в ИЕ!" будут "дрейфовать" всё ниже и ниже от верхней "однострочной" ячейки с фиксированной (казалось бы!) высотой. |
| !Высота верхней ячейки в ИЕ! | |
| {width:6em} | 1. Просто таблица в центре {width:auto} | {width:3em} |