Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 Таблица с картинкой на мобильном устройстве  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40363
Приветствую присутствующих, и заранее спасибо.

Рисую таблицу, задаю всем клеткам размеры по горизонтали и вертикали. Хочу показать на переднем плане перед таблицей графический файл, у которого некоторые части сделаны прозрачными, чтобы сквозь них проглядывала таблица. Для этого в первой клетке таблицы пишу так:

<div style='padding:0;margin:0;width:0;height:0;line-height:0;'><img ...></div>

В принципе всё работает. Но на мобильных устройствах первый столбец таблицы растягивается вправо до ширины графического файла. Как это преодолеть?
6 дек 14, 16:17    [16960622]     Ответить | Цитировать Сообщить модератору
 Re: Таблица с картинкой на мобильном устройстве  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40363
P.S. table-layout:fixed пробовал, не помогло.
6 дек 14, 21:28    [16961378]     Ответить | Цитировать Сообщить модератору
 Re: Таблица с картинкой на мобильном устройстве  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40363
Вопрос снят. Добавил в начало таблицы еще один tr, дал ему colspan, и перенес div в него.
6 дек 14, 21:42    [16961405]     Ответить | Цитировать Сообщить модератору
 Re: Таблица с картинкой на мобильном устройстве  [new]
JeStone
Member

Откуда:
Сообщений: 248
Владимир Саныч,
Звучит как костыль =)
6 дек 14, 21:50    [16961421]     Ответить | Цитировать Сообщить модератору
 Re: Таблица с картинкой на мобильном устройстве  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40363
JeStone
Владимир Саныч,
Звучит как костыль =)

Да. Но это, как я понимаю, баг в мобильном браузере. Что еще можно сделать, кроме как костыль?
6 дек 14, 22:35    [16961500]     Ответить | Цитировать Сообщить модератору
 Re: Таблица с картинкой на мобильном устройстве  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40363
Увы, это было полдела. Картинка действительно должна быть одинаковой ширины с таблицей, и с картинкой colspan решил проблему. Но кроме картинки у меня есть случай с текстом, текст имеет право быть гораздо шире, проблема та же самая, и это решение уже не годится...
7 дек 14, 15:35    [16963010]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить