Фиксированное плавающее меню наезжает на блок

@drzorin · Регистрация: 29.05.2015

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

Здравствуйте, нужна помощь, переделываю чужую работу
Пациент http://thermis.ru/shop/gazovye-kotly.html

Здесь блок top_nav наезжает на фильтры каталога (выбор производителя). Z-index не предлагать, т.к. выглядит очень некрасиво, когда каталог наезжает на меню

CSS

 
 
/*шапка*/
header{
 
clear: both;
 
   height:164px;
}
/*фиксированное плавающее меню*/
#top_nav{
 
clear: both;
   top: 164px; /*высота шапки в пикселях*/
   position: fixed;
   z-index: 1000;
   width: 100%;
   
}
   
}

Пробовал задавать высоту самого top_nav как height:49px; - не помогло

Собственно сам подключаемый скрипт

Java

  var h_hght = 164; // высота шапки
  var h_mrg = 0;    // отступ когда шапка уже не видна
  j(function(){
   j(window).scroll(function(){
      var top = j(this).scrollTop();
      var elem = j('#top_nav');
      if (top+h_mrg < h_hght) {
       elem.css('top', (h_hght-top));
      } else {
       elem.css('top', h_mrg);
      }
    });
  });

@drzorin · 21.09.2015, 10:21 **[ТС]**

Вот выделенный кусок блока, который все портит, откуда он взялся понять не могу

@Shakalaka · 21.09.2015, 10:43

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

Здравствуйте, нужна помощь, переделываю чужую работу

Либо кто-то плохо делал свою работу, либо вы плохо переделываете.
1) Перешел по ссылке и так и не понял что на что там наезжает? Скрины ваши вообще ни о чем не говорят.
2) Что значит "фиксированное плавающее меню"?
3) Переходим по ссылке https://validator.w3.org/ и смотрим что у вас там творится... Открыл разметку - там ужас

@drzorin · 21.09.2015, 11:09 **[ТС]**

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

@Shakalaka · 21.09.2015, 11:13

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

если перейти по ссылке, то блок top_nav наезжает на элементы поиска каталога

Выложите скрин и на нем покажите что на что наехало, не надо инспектора кода, просто, что не так? обведите его красным на скрине

@drzorin · 21.09.2015, 11:26 **[ТС]**

Я постарался обозначить, где именно блок перекрывает меню и примерную ширину этого блока отметил справа.
плавающее меню, как я понял, сделано так http://mattweb.ru/moj-blog/jav... -stranitsy
соответственно можно сделать обычное меню, прокручиваемое меню, отключив скрипт, тогда проблема уходит. но это неинтересно

Да, и, кстати насчет валидатора, так сразу, у меня указан DOCTYPE и xmlns="http://www.w3.org/1999/xhtml и не очень понятно откуда ошибка, но она пришла от первых мастеров

@drzorin 1 / 1 / 0 Регистрация: 29.05.2015 Сообщений: 103
	21.09.2015, 10:21 [ТС]	2
	Вот выделенный кусок блока, который все портит, откуда он взялся понять не могу Миниатюры 0

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	21.09.2015, 10:43	3
	Сообщение от drzorin Здравствуйте, нужна помощь, переделываю чужую работу Либо кто-то плохо делал свою работу, либо вы плохо переделываете. 1) Перешел по ссылке и так и не понял что на что там наезжает? Скрины ваши вообще ни о чем не говорят. 2) Что значит "фиксированное плавающее меню"? 3) Переходим по ссылке https://validator.w3.org/ и смотрим что у вас там творится... Открыл разметку - там ужас 1

@drzorin 1 / 1 / 0 Регистрация: 29.05.2015 Сообщений: 103
	21.09.2015, 11:09 [ТС]	4
	Сделали как сделали. Да, на скринах нет курсора, так бы было понятнее, если перейти по ссылке, то блок top_nav наезжает на элементы поиска каталога, например он полностью перекрывает Фильтр по производителю. Сейчас надо бы исправить эту ошибку, потом с валидатором 0

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	21.09.2015, 11:13	5
	Сообщение от drzorin если перейти по ссылке, то блок top_nav наезжает на элементы поиска каталога Выложите скрин и на нем покажите что на что наехало, не надо инспектора кода, просто, что не так? обведите его красным на скрине 0

@drzorin 1 / 1 / 0 Регистрация: 29.05.2015 Сообщений: 103
	21.09.2015, 11:26 [ТС]	6
	Я постарался обозначить, где именно блок перекрывает меню и примерную ширину этого блока отметил справа. плавающее меню, как я понял, сделано так http://mattweb.ru/moj-blog/jav... -stranitsy соответственно можно сделать обычное меню, прокручиваемое меню, отключив скрипт, тогда проблема уходит. но это неинтересно Да, и, кстати насчет валидатора, так сразу, у меня указан DOCTYPE и xmlns="http://www.w3.org/1999/xhtml и не очень понятно откуда ошибка, но она пришла от первых мастеров Миниатюры 0