Всем привет.
Сделал тестовый пример, чтобы продемонстрировать суть проблемы. Пример лежит тут .

Суть: есть три ячейки таблицы в одной строке. В первой и последней - картинка с закругленными краями. Центральная просто залита цветом. В местах стыка картинок и центральной ячейки появляются непонятные вертикальные полосы. Проблема наблюдается на ipad, iphone и на моем samsung note 2 (android). На десктопных браузерах (хром, опера, фф, сафари) - все ок.

Конкретный пример, понятное дело, можно обычным цсс сделать с использованием бордер радиус - не придирайтесь плиз, это просто пример для понимания. Вопрос: почему в местах стыка появляются полосы. Причем если таких строк (tr) будет несколько, то появятся и горизонтальные полосы.

В чем может быть проблема, кто-нибудь знает? Уже который день бьюсь, может кто свежим взглядом увидит причину, глаз замылен уже.

Что только не пробовал: и картинки пересохранял, и по всему html символы переноса на новую строку убирал (делал весь html в одну строку), и полупрозрачные пнг делал обычными (т.е. без уголков) - ничего не помогает!

Плиз, хелп.

А нормального i-устройства нету? Педдинги и спейсинги по нулям прововал, бордер коллапс - коллапс тоже, не помогает!

st_st,
Спасибо, Ваш совет помогает, но не полностью. Например, если просматривать сайт на айпаде (я сейчас не про мой пример, а про полноценный сайт) при альбомной ориентации, то все ок. Если потом айпад развернуть - то опять появляются эти полосы.

И вообще я что-то не совсем понимаю: что получается, нужно делать отдельные версии сайтов под всех типов устройств? Что Вы понимаете под "нормальной" мобильной версией? Версия, со своей шириной дизайна, как минимум? Но ведь те же мобильные устройства и планшеты имеют разные разрешения. Как тогда быть?

Во-первых, резиной можно сверстать не любой дизайн-макет. Во-вторых, это далеко не всегда выглядит красиво.
Неужели нет других решений? А про смену ориентаций почитал, что пока не все устройства понимают медиа кверис.

Смотрю вот сюда: www.afisha.ru. Там стоит Ваше предложение, но верстки резины нет, поэтому сайт на узком экране мобильного устройства не умещается, приходится крутить его по ширине. Выглядит тупо, конечно!

авторНанять дизайнера и сделать вменяемый макет.
Дизайнера то нанять можно, но есть еще "хочу" заказчика :)

Ладно, спасибо, буду разбираться!