Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Проблема с отображением на планшете

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

ToshuK3

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ребята, помогите пожалуйста, создали форму, на компьютере смотрится отлично, но когда просматриваешь на плантеше - внизу формы появляется большой отступ, после кнопки, и текст копирайта залазит на форму. Подскажите пожалуйста как исправить этот косят с отображением на планшетах?
 
Вот страница с формой:
http://shop.migbusiness.ru/order/allimsecrets/
 
Скриншот, как она отображается на компьютере:  
http://6.firepic.org/6/images/2014-03/28/53htdarsv4n5.jpg
 
И скрин отображения на планшете, как видно, отступ после кнопки больше чем на компьютере и текст копирайта залазит на форму:
http://6.firepic.org/6/images/2014-03/28/yj932bszx2hd.png
 
Помогите плз исправить отображение на планшете.

Всего записей: 3 | Зарегистр. 30-03-2014 | Отправлено: 01:17 30-03-2014 | Исправлено: ToshuK3, 01:30 30-03-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ToshuK3
ну что вам сказать.. потому, что делаете так

Цитата:
margin-top: 75px;
margin-bottom: -200px;

для .copyright
и если текст выше занимает меньше места, то и этот copyright подтягивается вверх.
что мешает его поместить отдельным дивом, под желтым блоком?
 
то есть не внутри #content, а под ним

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:58 30-03-2014
ToshuK3

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
что мешает его поместить отдельным дивом, под желтым блоком?

Дело в том, что этого сделать не дает система, на которой создана страница, есть возможность только стили подгонять. Может как то можно стилями ему запретить подниматься?

Всего записей: 3 | Зарегистр. 30-03-2014 | Отправлено: 02:08 30-03-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ToshuK3

Цитата:
Может как то можно стилями ему запретить подниматься?

плохая у вас система - слишком много ошибок
http://validator.w3.org/check?uri=http%3A%2F%2Fshop.migbusiness.ru%2Forder%2Fallimsecrets%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
не все, конечно, существенные, но вставлять div между <tr>, это да..
   
слишком уж коряво, чтобы делать "конфетку"
 
оставьте копирайты на желтом фоне, убрав то, что процитировал выше.
иначе все будет зависеть от размеров шрифтов и не только
 
ну или играйтесь с абсолютным позиционированием, тогда копирайты можно "вынести" за пределы родительского блока.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:39 30-03-2014 | Исправлено: Cheery, 03:05 30-03-2014
ToshuK3

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Система не дает редактировать страницу, только добавлять свое. По этому из стилей кое как сделали более красивую форму, но на планшете косит

Всего записей: 3 | Зарегистр. 30-03-2014 | Отправлено: 05:42 30-03-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ToshuK3
ну я же напимал..  
#content добавляете position: relative;
для #copyright добавляете  
position: absolute;
убираете свой margin и играетесь значением  
bottom:  
скажем
bottom: -160px;

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 05:52 30-03-2014
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ToshuK3
Попробуйте использовать media queries (описание на русском). Вам тогда просто нужно поправить style.css и все, в нем уже пропишите стиль для размеров планшета (например, измените свой margin-bottom на нужное вам значение).

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 00:25 03-04-2014 | Исправлено: Xrobak, 00:27 03-04-2014
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Проблема с отображением на планшете


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru