0
- 13.03.2014 - 11:43
|
Доброго времени суток. Нам сделали сайт, обещали адаптивный, но в конечном итоге, адаптивно все кроме нижнего блока на телефонах с IOS( на 5s тестили). И говорят нельзя выставлять в общее поле такое количество текста в двух блоках, у вас нет проблем и постоянная смена стилей это только эксперименты, которые не позволят вставить в общий горизонт текстовые записи по ширине превышающие стандарт 1000 px, для решения просто переместите в редакторе одни из записей ниже. Нас "лечат" или нет вариантов сделать нижний блок адаптивным? </td> </tr> </table> <table width="1000" border="0" cellspacing="0" cellpadding="0" class="bot"> <tr> <td align="left" valign="middle" width="40%" style="padding-right:0px;font-family:auto;font-size:auto;"><p> <a href="http://prof-link.ru/">главная</a> | <a href="http://prof-link.ru/p/p11/">контакты</a> | <a href="http://prof-link.ru/view/news/">новости</a> | <a href="http://prof-link.ru/view/remsg/">написать нам</a> | <a href="http://prof-link.ru/p/p13/"><u>поддержка</u></a></p> </td> <td align="right" valign="middle" width="60%" style="padding-left:0px;font-family:auto;font-size:auto;"><div style="text-align: right;"> <span style="font-size:12px;"><span>Техподдержка: <a href="mailto:support@prof-link.ru?subject=%D0%9E%D0%B1%D1%80%D0%B0%D1%89%D0% B5%D0%BD%D0%B8%D0%B5%20%D0%B2%20%D1%82%D0%B5%D1%85 %D1%85%D0%BF%D0%BE%D0%B4%D0%B4%D0%B5%D1%80%D0%B6%D 0%BA%D1%83%20Prof-Link">support@prof-link.ru</a> ♦ тел. 8 (861) 290-00-94, 290-10-94</span></span></div> <div style="text-align: right;"> <span style="font-size:12px;"><span>Отдел оптовых продаж: <a href="mailto:corp@prof-link.ru?subject=%D0%9F%D0%BE%20%D0%B2%D0%BE%D0%BF% D1%80%D0%BE%D1%81%D1%83%20%D0%BE%D0%BF%D1%82%D0%BE %D0%B2%D1%8B%D1%85%20%D0%B7%D0%B0%D0%BA%D1%83%D0%B F%D0%BE%D0%BA%20Prof-Link">corp@prof-link.ru</a> ♦ тел. 8 (861) 290-10-91</span></span></div> <div style="text-align: right;"> <span style="font-size:12px;"><span>График работы: понедельник-суббота с 10:00 - 18:00 по МСК</span></span></div> </td> </tr> </table> </div> <table width="1000" border="0" cellspacing="0" cellpadding="0" style="display: block; position: relative; margin: 0px auto;"> <tr> <td align="left" valign="middle" style="padding: 0px 10px; width: 100%;"><p> <span style="font-size:12px;">© <span style="color: rgb(0, 0, 51);">2009-2014 </span><span style="color: rgb(0, 0, 51);">PROF-LINK</span><span style="color: rgb(0, 0, 51);"> </span><span style="color: rgb(0, 0, 51);">™</span><span style="color: rgb(0, 0, 51);">. </span><span style="color: rgb(0, 0, 51);">Авторские права принадлежат компании PROF-LINK. Все права защищены.</span></span></p> </td> <td style="padding: 0px 10px; width: 20%;"> | |
1
- 13.03.2014 - 14:02
|
Ваш сайт prof-link.ru ? Пардон, а где там "адаптивность"? Может, речь о чем-либо ином? Вы ничего не путаете? | |
2
- 13.03.2014 - 14:43
| Нам обещали адаптивность под мобильные устройства( имея ввиду правильное масштабирование и корректное отображение на любых экранах). В принципе нас устраивает все, что сейчас кроме отображения нижнего синего блока и блока копирайта. В чем ошибка в коде, приводящая к некорректному масштабированию этих блоков? | |
3
- 13.03.2014 - 15:17
|
Есть подозрение, что вас несколько ввели в заблуждение. Сайт сверстан под фиксированную ширину в 1000 пикселей (это никакая не адаптивность). iPhon'ы самостоятельно с такими сайтами справляются без какой-либо адаптивности, поэтому он и отображается у вас как полагается. Непосредственно "адаптивности" в том понятии, которое действительно вкладывается в это слово в веб-разработке, тут и близко нет. Грубые ошибки в "футере" (и в приведенном вами куске кода) отсутствуют - элементарная таблица фиксированной ширины. "Стандарт 1000 пикселей" - хрень, откровенно говоря, про которую вам там чего-то втирают. Сложилось 2 варианта впечатлений: либо разработчики вас, как вы сказали, "лечат", либо с вашей стороны есть какие-то трудности (без обид). Прочитав ваши буквы, склоняюсь к первому варианту. | |
4
- 13.03.2014 - 15:23
|
Отображение на iphone 5s![]() Отображение этой же страницы на компьютере ![]() Как видно отображения и пропорции всех блоков кроме нижних двух идентичны. | |
5
- 13.03.2014 - 15:28
|
Поправка по картинкам Отображение на iphone 5s ![]() Отображение этой же страницы на компьютере ![]() Как видно отображения и пропорции всех блоков кроме нижних двух идентичны. | |
6
- 13.03.2014 - 15:42
|
Ширина левого блока 40%, а у правого 60%. В эту ширину не влазит ни то, что слева, ни то, что справа, поэтому оно и начинает расползаться. Либо смиритесь, либо спросите определение "адаптивного" сайта по мнению разработчиков. | |
7
- 13.03.2014 - 15:55
| Нам не понятно почему синий блок не уменьшается так же как и те блоки что выше него, если учесть что там информации поболе будет? | |
8
- 13.03.2014 - 16:18
|
Со стилями по размеру шрифта посмотрите. Не совсем ведомый мне font-size: auto; на столбцах висит, который, правда, потом должен перебиваться во вложенном <span>'e, но, может, ваш 5s думает иначе?) | |
9
- 13.03.2014 - 18:04
|
У нас нет доступа к изменению кода. Подскажите одно почему все на сайте автоматически ужимается а этот злополучный блок нет, вот это нам изменили и сказали что других вариантов нет <table border="0" cellpadding="0" cellspacing="0" class="bot" width="1000"> <tbody> <tr> <td align="left" style="padding-right:0px;font-family:arial,helvetica,sans-serif;font-size:auto;" valign="middle" width="40%"> <p> <a href="http://prof-link.ru/">главная</a> | <a href="http://prof-link.ru/p/p11/">контакты</a> | <a href="http://prof-link.ru/view/news/">новости</a> | <a href="http://prof-link.ru/view/remsg/">написать нам</a> | <a href="http://prof-link.ru/p/p13/"><u>поддержка</u></a></p> </td> <td align="right" style="padding-left:0px;font-family:arial,helvetica,sans-serif;font-size:auto;" valign="middle" width="60%"> <div style="text-align: right;"> <span style="font-size:12px;">Техподдержка: <a href="mailto:support@prof-link.ru?subject=%D0%9E%D0%B1%D1%80%D0%B0%D1%89%D0% B5%D0%BD%D0%B8%D0%B5%20%D0%B2%20%D1%82%D0%B5%D1%85 %D1%85%D0%BF%D0%BE%D0%B4%D0%B4%D0%B5%D1%80%D0%B6%D 0%BA%D1%83%20Prof-Link">support@prof-link.ru</a> ♦ тел. 8 (861) 290-00-94, 290-10-94</span></div> <div style="text-align: right;"> <span style="font-size:12px;">Отдел оптовых продаж: <a href="mailto:corp@prof-link.ru?subject=%D0%9F%D0%BE%20%D0%B2%D0%BE%D0%BF% D1%80%D0%BE%D1%81%D1%83%20%D0%BE%D0%BF%D1%82%D0%BE %D0%B2%D1%8B%D1%85%20%D0%B7%D0%B0%D0%BA%D1%83%D0%B F%D0%BE%D0%BA%20Prof-Link">corp@prof-link.ru</a> ♦ тел. 8 (861) 290-10-91</span></div> <div style="text-align: right;"> <span style="font-size:12px;">График работы: понедельник-суббота с 10:00 - 18:00 по МСК</span></div> </td> </tr> </tbody> </table> <p> </p> а если из этого создать div контейнер, может получиться нужное нам? | |
10
- 13.03.2014 - 20:55
| В таблице table есть есть атрибут width="1000", его нужно удалить, и проверить, как будет отображаться сайт. | |
11
- 14.03.2014 - 15:32
| ойойойой, если таблицей сверстано - какая там адаптивность нафиг? | |
12
- 14.03.2014 - 23:54
|
Ни о какой адаптивности речи уже не идет. Удаление атрибута с шириной никак не повлияет - там у родительского еще указано ограничение в 1000пкс + верстку просто порушите. vlad_tg, вам еще раз переверстали, видимо, "футер". Уже из простого любопытства - сейчас как отображается та область на вашем 5s? | |
13
- 15.03.2014 - 22:00
| Низ теперь нормально, но меню верхнее вообще криво. Попытки довезти ума пррдолжаются. | |
![]() | Интернет-форум Краснодарского края и Краснодара |