Как поправить блок?

Question

[Millerish]

Добрый день!

Помогите решить проблему с календарем. При некоторых разрешения, меньше десктопа, он подлезет под блок выше или ниже. Я не могу понять какой z-index нужно увеличьте.

Выглядит глюк так:


Ссылка на сайт:
centurymedicaldental.com

Помогите исправить баг.

Comments

[Николай Лапшин]

Где на сайте давить, чтобы календарь открылся?

[Millerish]

в самом низу в APPOINTMENT NOW последняя строка

Answer 1

[Алексей]

Хозяин барин, дайте ему 999 значение и будет он выше всех элементов.
Только тут не z-index нужен. А правильное позиционирование внутри формы. Не должен календарь покидать ее пределы как мне кажеться.

Comments

[Millerish]

У меня даже в дебаге не получается поднять его z-index так, что бы был выше блока который ниже. К чему вы применили z-index?

[Millerish]

.datepicker {
z-index: 99999999999 !important;
}
.bootstrap-datetimepicker-widget {
z-index: 99999999999 !important;
}

ничего не меняют

[Алексей]

Millerish: вероятнее всего это уже определенный бутстрапом стиль. Попробуйте более корректную цепочку составить для его переопределения.

[Ксения Михайлова]

Millerish: такие большие z-index браузер просто не понимает :) www.puidokas.com/max-z-index

[Millerish]

хром понимает, я как-то перебивал один модуль, там стояло что-то типа 9999999999999999999999999999999

[devstudent]

такой большой индекс+ импортант = жесть, работающее, но неверное решение . проблема в другом. надо проставлять позиционирование, ширины всей цепочке вложенных блоков проверить , тогда все будет грамотно .

Answer 2

[devstudent]

дайте лучше ссылку конкретно на страничку где этот календарь

Comments

[Millerish]

на этой странице календарь (centurymedicaldental.com), перед футером