0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 1049 Просмотров
*

Socha

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Подскажите пожалуйста вот по какому вопросу.
Имеется мобильная версия сайта, где верхняя шапка с меню (синяя) зафиксирована и при пролистывании всегда остается сверху.




CSS код этого меню выглядит следующим образом:
Код
	.navbar {
text-align:center;
width:100%;
max-width:774px;
height:49px;
color:#fdfff9;
background-color:#5983b3;
position: fixed;
z-index: 100;
-webkit-box-shadow: 0px 1px 0px 0px rgba(85,123,162,1);
-moz-box-shadow: 0px 1px 0px 0px rgba(85,123,162,1);
box-shadow: 0px 1px 0px 0px rgba(85,123,162,1);
}


Проблема заключается в следующем:
при активном поле textarea происходит следующая чехарда





Во всех браузерах работает нормально, за исключением телефона.
Кто может подсказать что нужно сделать?
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: CSS + мобильная версия сайта + textarea
« Ответ #1 : 15.04.2016, 20:45:02 »
Кто может подсказать что нужно сделать?
Для начала нужно дать ссылку на сайт если она есть .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Socha

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Re: CSS + мобильная версия сайта + textarea
« Ответ #2 : 15.04.2016, 22:02:59 »
Для начала нужно дать ссылку на сайт если она есть .
http://www.biblefinance.ru/f-a-q.html
но без регистрации не попадешь...
*

Socha

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Re: CSS + мобильная версия сайта + textarea
« Ответ #3 : 15.04.2016, 22:54:07 »
Проверил на андройде - такой проблемы нет.
Проблема только на ios в iphone 4 (на ipad работает нормально) и на сколько я понимаю проблема в "position: fixed;"
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: CSS + мобильная версия сайта + textarea
« Ответ #4 : 16.04.2016, 00:09:45 »
У меня айфона нет так что не смогу проверить .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Socha

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Re: CSS + мобильная версия сайта + textarea
« Ответ #5 : 16.04.2016, 10:37:41 »
Ясно... спасибо за попытку...
Пока что решил проблему так:
@media screen and (max-width: 480px) {.navbar{position: absolute;}}
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменить заголовок в шапке сайта

Автор kunsaid

Ответов: 0
Просмотров: 1181
Последний ответ 03.12.2022, 18:34:32
от kunsaid
Адаптивное меню для сайта на CSS

Автор YuliaOks

Ответов: 1
Просмотров: 1025
Последний ответ 02.06.2019, 19:31:23
от Taatshi
Вертикальное выравнивание текста внутри textarea [РЕШЕНО]

Автор dm-krv

Ответов: 11
Просмотров: 6732
Последний ответ 23.03.2019, 21:53:08
от sivers
Появление свободного пространства внизу сайта

Автор Андрей Нестеров

Ответов: 13
Просмотров: 1323
Последний ответ 23.11.2018, 09:16:36
от Support
Где убрать часть меню с сайта

Автор mihsmol

Ответов: 1
Просмотров: 1063
Последний ответ 02.06.2018, 06:33:52
от effrit