Проблема заключается в следующем. Если в документе необходимо поместить таблицу, которая состоит из нескольких колонок, как показано на Рис. 1, ширина в некоторых браузерах будет отображаться некорректно. Это происходит, когда надо совместить сочетание процентов и пикселей. Так, например, ширина таблицы задается 100%, одна из ячеек должна быть 200 пикселей, ширина оставшихся - все остальное.
|
Как должно быть
|
Как показывается в Netscape
|
 |
 |
| Рис. 1 | |
Пример 1. Создание двух ячеек в таблице
| <table width=100%> <tr> <td width=200> A </td> <td width=*> B </td> </tr> </table> |
Приведенный в примере метод используется наиболее часто, но работает некорректно,
даже если в параметрах колонки В указать width="*",
что означает отвести под ширину всю оставшуюся часть. Правильней было бы поместить
в ячейку большой текст, который как бы растягивает колонку, но это не всегда
нужно или возможно. Распорка в виде невидимого рисунка также не годится, поскольку
ширина колонки неизвестна. Изящный способ решения проблемы мне посоветовал Егор
Москвичев (jugr@escape.akadem.ru),
за что ему спасибо. Для ячейки В следует задать ширину 1000-1500 пикселей. Не
пугайтесь, таблица не станет слишком широкой, поскольку ограничена размером
100%, а вот колонки придут в норму. Для надежности в ячейку А следует поместить
распорку - невидимый рисунок высотой 1 пиксел и шириной совпадающей с шириной
ячейки.
Сразу предупрежу, что если вы используете браузер Opera 4, то в нем ширина таблицы
будет такой, как и указали, т.е. 1000-1500 пикселей.
Пример 2. Способ сочетания процентов и пикселов в таблице
| <table width=100%> <tr> <td width=200><img src=rasporka.gif width=200 height=1><br> A </td> <td width=1500> B </td> </tr> </table> |
Пару уточнений к статье добавил UltraMax.
Во первых - в Netscape ячейка <TD> будет держаться,
но если в нее вставить <HR> - то все - она моментально
разрастается до заявленного размера (1500), что сносит все форматирование к
черту. Во вторых - в Opera 5.11 - так же как и в IE все выглядит нормально,
то есть ячейка размером 1500 пикселов не вылазит за размеры 100% ограничения.