Объединение ячеек имеет некоторые недостатки, поэтому этот метод создания таблиц нельзя использовать повсеместно. Для примера рассмотрим пример 12.5, где задается высота ячейки с помощью атрибута height. Пример 12.5. Явно заданная высота ячейки HTML 4.01IE 7IE 8IE 9Cr 12Op 11Sa 5Fx 4 Результат данного примера показан на рис. 12.7.
Рис. 12.7. Высота ячеек Левая нижняя ячейка согласно коду HTML имеет высоту 40 пикселов, но поскольку высота содержимого правой колонки больше, чем содержимое левой колонки, то высота ячейки меняется. Получается, что атрибут height в данном случае игнорируется. Заметим, что данная особенность проявляется только в браузере Opera, но и другие браузеры могут отображать сложные таблицы с ошибками. Это часто выражается в тех таблицах, где явно устанавливается высота ячеек и их объединение по вертикали. Для упрощения верстки применяется прием с вложенными таблицами. Суть идеи проста — в ячейку вкладывается еще одна таблица со своими параметрами. Поскольку эти таблицы в каком-то смысле независимы, то можно создавать довольно причудливые конструкции. Чтобы вложенная таблица занимала всю ширину ячейки, таблице надо задать ширину 100%. В примере 12.6 показан пример использования вложенных таблиц для создания двух колонок и навигации. Пример 12.6. Вложенные таблицы HTML 4.01IE 7IE 8IE 9Cr 12Op 11Sa 5Fx 4 Результат данного примера показан на рис. 12.8.
Рис. 12.8. Вид вложенных таблиц В данном макете с помощью таблицы создается две колонки, причем левая колонка имеет фиксированную ширину 150 пикселов. Чтобы создать подобие навигации, внутрь ячейки добавлена еще одна таблица с шириной 100%. Как видно из рис. 12.8, если не задавать границы, то определить наличие таблиц по виду веб-страницы довольно сложно. По этой причине таблицы до сих пор активно применяются для верстки сложных макетов. | |
| Просмотров: 345 | Теги: | Рейтинг: 0.0/0 |
| Всего комментариев: 0 | |