~Kitty~

Я вообще тоже не вижу смысла вставлять такого размера фон.. Неужели сложно сделать фон отдельно, а уголки отдельно?.. Не вижу в этом никаких сложностей..

Можно ещ? попробовать с

У меня этот фон везде отображается

По поводу шапки. На нижний div шапки (class="bord-bot") поставьте font-size: 1px По крайней мере у меня шапка стала меньше.

Аналогично, у меня вон отображается во всех браузерах одинаково. Покажите скриншот.

Не знаю, глюк или нет, но сама до этого доходила очень долго - с коллегой несколько часов бились над похожей проблемой. Перебрали все возможные и невозможные значения и в какой-то момент ткнули уже от безысходности font-size: 1px и о чудо! заработало =) Вообще, подобная проблема обычно наблюдается в IE (по-моему, любом) - если в td вставлять картинку, td не будет схлопываться вплотную картинке, если не указать именно font-size: 1px; Но, что я не сталкивалась с этим в других браузерах, не значит, что в них этого нет..

А это играет такую большую роль - вправо или влево мы сдвигаем позиционируемый relative блок? Я всегда считала, что это не играет разницы.. Спасибо, что просветили..

Если у вас в td только картинки (без текста) попробуйте поставить на каждый из них font-size: 1px Меня именно это спасало миллионы раз.

Ура, получилось. Огромное спасибо за подсказку =) Просто что интересно, на сайте, откуда брался пример подобного кода (со ступкой) у дива с картинкой тоже стояло position:relative и вс? работало.. Меня теперь это удивляет. Но хотя, конечно, главное, что вс? работает в мо?м случае =) Ещ? раз спасибо =)

2Storm: Размеры таблицы не фиксированы, т.к. это таблица со списком товаров. Высота и ширина могут зависит от наполнения и ширины экрана. А вот высота нижней ячейки - фиксирована.

Я и сделала. Код выше. Я и пытаюсь понять, что в н?м не то, потому что в мо?м случае не работает. Ячейка оста?тся той же высоты, что и картинка. Может, есть другой способ какой?..

Собственно говоря, должно получится вот что: Полоски - рамки таблицы.

Если она будет спозиционированая. Она получается как бы верхний независимый слой. Но даже если поставить z-index, в данном случае почему-то не работает. Я вот и хочу понять почему. Что неправильно в коде написано. Для примера http://tabletka.ru/ - посмотри как внизу сделана ступка (где указаны часы работы).

И тогда картинка обрежется по высоте ячейки, а надо, что бы она просто выходила за границы ячейки.

Имеем ячейку таблицы заданной высоты и картинку в этой ячейке, высота которой больше этой таблицы. <tr> <td height="38" style="font-size: 1px;"> <div class="raz"> <img src="img/raz.gif" alt="" style="position: absolute;"/> </div> </td> <td height="38" class="foot"> текст </td> </tr> css: div.raz { position: relative; right: -30px; width: 57px; height: 61px; float: right; } Как сделать так, что бы картинка выходила за рамку ячейки вверх, но высота строчки при этом не становилась равной высоте картинки. По идее имеющийся код должен работать, но где у меня ошибка - в мо?м случае он не работает (картинка сдвигается, но высота строчки оста?тся равной высоте картинки). P.S. Текст во второй ячейке в одну строчку и никак не растягивает высоту.