Проценты и пикселы

 

Проблема заключается в следующем. Если в документе необходимо поместить таблицу, которая состоит из нескольких колонок, как показано на Рис. 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% ограничения.

Главная страница
 

Статьи про заработок

Русские спонсоры
Зарубежные спонсоры
Собери бонусы
Биржа Форекс
Статьи темы
 

Начинающему Web - мастеру

Создать свой первый сайт
Как раскрутить свой сайт
Как заработать на сайте
Что такое ТИЦ и PR
Статьи темы
 

Виды обмана в интернет

Халява бред
 

Остальное

Новости сайта
Друзья сайта
След для истории