| |
|
|
| | На сайте 4 однотипно сверстаных страницы. Визуально в левой части расположена панель навигации, и эта панель отделена от остальной части страницы ячейкой <td>, в которой расположен img:
<td valign='top' width=180>
<!-- это панель навигации -->
<? include "mod/leftmenu.inc";?>
</td>
<td valign='top' width=5 style='padding-top:10;padding-left:5;'>
<!-- это вертикальная разделительная линия -->
<img width=1px height=100% src='img/hdrfon1.gif'>
</td>
|
рисунок - обычный вертикальный градиент. Я его растягиваю вертикально на всю высоту таблицы при помощи height=100%
Проблема заключается в том, что на трёх страницах сайта эта вертикальная градиент-линия выводится в браузере, а на четвертой - не выводится.
Приведеный выше html-код идентичен для всех четырёх страниц. В чём может быть проблема?
Если height задавать не в процентах, а в пикселях - то рисунок отображается. Но мне нужно именно в процентах, т.к. я заранее не знаю, какова будет высота таблицы.
Попытки определить высоту таблицы в событии onLoad и присвоить эту высоту рисунку ничего не дали:
высота таблицы не определяется.
Пробовал высоту указывать как style='height:100%;' - безрезультатно.
P.S.
В FF вертикальная полоска-градиент отображается на всех четырёх страницах. Описаный выше дефект проявляется только в осле и опере, и только для одной страницы. | |
| |
|
|
| |
|
|
| |
для: Хулиган
(23.11.2007 в 00:06)
| | | а если попробовать указать width в процентах?
да и px нужен только если пишете style="width:1px", а тут рисунок и не стиль, может это поможет - width="1%"? | |
| |
|
|
| |
|
|
| |
для: Хулиган
(23.11.2007 в 00:06)
| | | Нашел, почему не отображается рисунок:
у таблицы, в которой расположена ячейка с рисунком, должна быть явно задана высота: style='height:10;'
Причем сколько именно высота таблицы - неважно, главное указать какое-нибудь значение, хоть в пикселях, хоть в процентах.
И после этого height=100% для рисунка начинает действовать. | |
| |
|
|
