К списку форумов К списку тем
Регистрация    Правила    Главная форума    Поиск   
Имя: Пароль:
Рекомендовать в новости

Вопрос к знающим по теме

Гость
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>Техподдержка:&nbsp;<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>&nbsp;&nbsp;&diams;&nbsp; тел. 8 (861) 290-00-94, 290-10-94</span></span></div>
<div style="text-align: right;">
<span style="font-size:12px;"><span>Отдел оптовых продаж:&nbsp;<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>&nbsp;&nbsp;&diams;&nbsp; тел. 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;">&copy;&nbsp;<span style="color: rgb(0, 0, 51);">2009-2014&nbsp;</span><span style="color: rgb(0, 0, 51);">PROF-LINK</span><span style="color: rgb(0, 0, 51);">&nbsp;</span><span style="color: rgb(0, 0, 51);">&trade;</span><span style="color: rgb(0, 0, 51);">.&nbsp;</span><span style="color: rgb(0, 0, 51);">Авторские права принадлежат компании PROF-LINK.&nbsp;Все права защищены.</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;">Техподдержка:&nbsp;<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>&nbsp;&nbsp;&diams;&nbsp; тел. 8 (861) 290-00-94, 290-10-94</span></div>
<div style="text-align: right;">
<span style="font-size:12px;">Отдел оптовых продаж:&nbsp;<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>&nbsp;&nbsp;&diams;&nbsp; тел. 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>
&nbsp;</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
Низ теперь нормально, но меню верхнее вообще криво. Попытки довезти ума пррдолжаются.


К списку вопросов






Copyright ©, Все права защищены