высота ячейки и разрешение\тип монитора

[toro]

Наткнулся на определ?нную проблему. У меня картинка разрезана на 2 фрагмента, которые вставлены фоновыми рисунками в 2 ячейки (TD). При отображении ячеек одна под другой получается целый рисунок. Верхнюю ячейку фон заполняет целиком (утрируя - ширина и высота рисунка=ширине и высоте ячейки). В нижней ячейке background-position:top; Поверх фона ид?т текст, а в верхнюю ячейку встроена ещ? одна таблица с текстом (

<table>
<tr>
<td style="background-attachment:fixed; background-image:url(imagesban.gif);.....">
<table><tr><td>ля-ля-ля</td></tr></table>
</td>
</tr>
</table>

).

К таблицам приминяются отступы, вставляются другие рисунки (поверх фона) и т.п. и т.д.

Подобрал вытоту верней ячейки так что рисунок "склеивается" без переходов (высота рисунка=высоте ячейки), вс? нормально. Но... ваял вс? это на ЭЛТ мониторе. Теперь смотрю результат на ЖК (разрешение одно и тоже) и вижу что высота верхней ячейки уменьшилась примерно на 1 пиксель. Соответственно стал виден переход между фоновыми картинками. Почему такое происходит? Может играть роль единицы измерений с помощью которых задаю отступы в таблицах - px или em ?

[Vlad]

Браузер IE? Попробуй в одну строчку написать код с таблицей и посмотреть результат.

[toro]

Браузер IE.

Попробую, потом напишу что получилось.

[toro]

Увы. Написал код в одну строчку. Все единицы измерения перев?л в px. Не помогло.

Выравниваю высоту под ЭЛТ-монитор появляется разрыв (~1px) на ЖК. Выраниваю под ЖК - наползание (~1px) на ЭЛТ.

[yopopt]

Но... ваял вс? это на ЭЛТ мониторе. Теперь смотрю результат на ЖК (разрешение одно и тоже) и вижу что высота верхней ячейки уменьшилась примерно на 1 пиксель. Соответственно стал виден переход между фоновыми картинками.

Глупость какая... Приведите полный код, а то ничего не понятно.

[Dimitry Wolotko]

Желательно что бы код был со стилями + картинки с полным адресом.

[toro]

В Интернет сайт не выкладывал ещ?. Код такой:

<table style="width:777px; height:100%;">
Для всех таблиц на сайте: 
table {
border:0px;
border-collapse:collapse;
vertical-align:top;
text-align:center;
}
table td {
padding:0px;
border-collapse:collapse;
vertical-align:top;
text-align:center;
}

<tr>
 <td style="background: url(imagesban.gif) no-repeat fixed bottom;">

ban.gif ? это ?верхняя? часть рисунка
Теперь в эту ячейку вставляю таблицу (5x168.gif ? прозрачный рисунок) :
<table id="centrmenu">
Для данной таблицы: 
#centrmenu {margin: 0px; width: 100%;}
#centrmenu td {
 vertical-align: middle;
 padding-bottom: 2px;
 padding-top: 2px;
}

<tr>
 <td colspan="3"><img src="5x168.gif" width="5" height="168"></td></tr>
<tr>
 <td width="40%"><A href="index.php?page=life"> бла-бла-бла </a></td>
 <td width="40%"><A href="index.php?page=new"> бла-бла-бла </a></td>
 <td width="20%"><A href="index.php?page=rock"> бла-бла-бла </a></td>
</tr></table>

</td>
 </tr>

<tr>
 <td style="background: url(imagesban_down.gif) no-repeat fixed top; text-align:center; height:100%;">

ban_down.gif ? это ?нижняя? часть рисунка

<?php
 if (!isSet($page) && $page="" )
 $page="new";
 switch ($page)
 {
 case "life": if (file_exists("life.inc")) {include $page . ".inc";
 }
 break;
и т.д.

[Dimitry Wolotko]

toro,

Картинки мы сами должны придумывать?