Подвал скачет при прокрутке

@Noobichek · Регистрация: 19.07.2016

Author24 — интернет-сервис помощи студентам

Писал под гугле, ни чего не болело. Начал тестить эксплоером уже конечный вариант и всплыло. Скачет подвал при прокрутке. То есть он на долю секунды отрывается от низа и возвращается назад. Создается эффект не полной фиксации.

А когда на странице вставка гугл.мап - так чуть ли не до половины экрана выползает и потом опять улетает на свое место.
Чем лечить?

CSS

*{margin:0;}
#podval {
    position: fixed;
    bottom:0%;
    left: 10%;  
    width: 80%;
    height:30px;
    background: linear-gradient(to top, #C0C0C0, #ffffff);
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    text-align: center;
    font: 80%   Courier New;
    box-shadow:   3px 0px 13px 4px black;
    color:blue;
}

HTML5

1
2
3

<div id="podval">
      <p>Podval</p>
</div>

@evgeniyd · 28.07.2016, 16:31

Здравствуйте. У меня конкретно с этим кусом кода подвал не скачет в IE. Может весь код скинете или архивом?

@Noobichek · 28.07.2016, 17:39 **[ТС]**

Вырвал одну страницу. Старт в папке content

Не нашел кнопки править сообщение.
Скачет именно при прокрутке колесиком мышки. причем чем сильнее крутнешь, тем очевидней "подпрыгивание"

@evgeniyd · 28.07.2016, 18:03

Сообщение от Noobichek

Не нашел кнопки править сообщение.
Скачет именно при прокрутке колесиком мышки. причем чем сильнее крутнешь, тем очевидней "подпрыгивание"

К сожалению, пока не знаю почему. У меня не "подпрыгивает"

@Fedor92 · 28.07.2016, 18:46

Noobichek, а не проще выложить сайт на хостинг и дать нам ссылку на него, чтобы посмотреть? Так будет намного проще разобраться в проблеме...

@Noobichek · 28.07.2016, 18:59 **[ТС]**

Fedor92 , а что это изменит? Я скинул сразу код в архиве. Так по всякому более доступно. Можно сразу открывать и смотреть. Или я не прав?

И вопрос - чем помешало видео? Она только по ссылке, без рекламы, с эккаунта не занимающегося видео.
Не не, ни коим образом не спорю - нельзя значит нельзя.

Добавлено через 4 минуты
http://www.promotex.fi/test1/content/history.html

Залил. Подвал скачет при прокрутке содержимого сайта колесиком мышки в IE 11 при виндовз 10
Не могу сам понять почему. Chrome смотрит нормально.

@Fedor92 · 28.07.2016, 19:44

Сообщение от Noobichek

А что это изменит? Я скинул сразу код в архиве. Так по всякому более доступно. Можно сразу открывать и смотреть. Или я не прав?

Чтобы проблему могли разглядеть те кто её ещё не увидел...

Это же логично...
Вот тут я пофиксил код немного:

Вложение 721429

Не используйте в коде <br> - это зло...

@Noobichek · 28.07.2016, 20:07 **[ТС]**

Fedor92, спс. Теперь мне разбираться что и за чем как раз на вечер

)

Что касается бр.
Почему бр зло? Кроме красоты и правильности и всего такого?

@Fedor92 · 28.07.2016, 20:09

Сообщение от Noobichek

Почему бр зло? Кроме красоты и правильности и всего такого?

Это плохо для СЕО... <br> используется в редких случаях когда есть острая необходимость в его использовании, лучше используйте свойство line-height...

@Noobichek · 28.07.2016, 21:03 **[ТС]**

Вот зачем так издеваться над новичком??!!

)

Все это время я сидел и разбирался. А ларчик то на поверхности! У меня не в том месте был закрыл див.

P.S.
А ты див вообще не закрыл. Проверь

Добавлено через 17 секунд
P.s.s.

про бр понял. исправлю.

@Fedor92 · 28.07.2016, 21:12

Сообщение от Noobichek

Вот зачем так издеваться над новичком??!! )

Для того, чтобы новичок понимал, что код надо писать аккуратно, а в особенности указывать вложенность элементов на случай если появится баг - мог его быстро найти и исправить... Это сегодняшний урок...

Сообщение от Noobichek

А ты див вообще не закрыл. Проверь

Бгг...

Ну хоть один незакрытый нашёл уже хлеб...

@evgeniyd 29 / 29 / 11 Регистрация: 10.05.2016 Сообщений: 111
	28.07.2016, 16:31	2
	Здравствуйте. У меня конкретно с этим кусом кода подвал не скачет в IE. Может весь код скинете или архивом? 0

@evgeniyd 29 / 29 / 11 Регистрация: 10.05.2016 Сообщений: 111
	28.07.2016, 18:03	4
	Сообщение от Noobichek Не нашел кнопки править сообщение. Скачет именно при прокрутке колесиком мышки. причем чем сильнее крутнешь, тем очевидней "подпрыгивание" К сожалению, пока не знаю почему. У меня не "подпрыгивает" 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	28.07.2016, 18:46	5
	Noobichek, а не проще выложить сайт на хостинг и дать нам ссылку на него, чтобы посмотреть? Так будет намного проще разобраться в проблеме... 0

@Noobichek 0 / 0 / 0 Регистрация: 19.07.2016 Сообщений: 50
	28.07.2016, 18:59 [ТС]	6
	Fedor92 , а что это изменит? Я скинул сразу код в архиве. Так по всякому более доступно. Можно сразу открывать и смотреть. Или я не прав? И вопрос - чем помешало видео? Она только по ссылке, без рекламы, с эккаунта не занимающегося видео. Не не, ни коим образом не спорю - нельзя значит нельзя. Добавлено через 4 минуты http://www.promotex.fi/test1/content/history.html Залил. Подвал скачет при прокрутке содержимого сайта колесиком мышки в IE 11 при виндовз 10 Не могу сам понять почему. Chrome смотрит нормально. 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	28.07.2016, 19:44	7
	Сообщение было отмечено Noobichek как решение Решение Сообщение от Noobichek А что это изменит? Я скинул сразу код в архиве. Так по всякому более доступно. Можно сразу открывать и смотреть. Или я не прав? Чтобы проблему могли разглядеть те кто её ещё не увидел... Это же логично... Вот тут я пофиксил код немного: Вложение 721429 Не используйте в коде <br> - это зло... 1

@Noobichek 0 / 0 / 0 Регистрация: 19.07.2016 Сообщений: 50
	28.07.2016, 20:07 [ТС]	8
	Fedor92, спс. Теперь мне разбираться что и за чем как раз на вечер ) Что касается бр. Почему бр зло? Кроме красоты и правильности и всего такого? 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	28.07.2016, 20:09	9
	Сообщение от Noobichek Почему бр зло? Кроме красоты и правильности и всего такого? Это плохо для СЕО... <br> используется в редких случаях когда есть острая необходимость в его использовании, лучше используйте свойство line-height... 0

@Noobichek 0 / 0 / 0 Регистрация: 19.07.2016 Сообщений: 50
	28.07.2016, 21:03 [ТС]	10
	Вот зачем так издеваться над новичком??!! ) Все это время я сидел и разбирался. А ларчик то на поверхности! У меня не в том месте был закрыл див. P.S. А ты див вообще не закрыл. Проверь Добавлено через 17 секунд P.s.s. про бр понял. исправлю. 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	28.07.2016, 21:12	11
	Сообщение от Noobichek Вот зачем так издеваться над новичком??!! ) Для того, чтобы новичок понимал, что код надо писать аккуратно, а в особенности указывать вложенность элементов на случай если появится баг - мог его быстро найти и исправить... Это сегодняшний урок... Сообщение от Noobichek А ты див вообще не закрыл. Проверь Бгг... Ну хоть один незакрытый нашёл уже хлеб... 1

Подвал скачет при прокрутке

Решение