CSS - «позиция: исправлена», действующая как «абсолютная» в Firefox
я строю веб-сайт в Safari, и яЯ только что проверил его в Firefox, и мои фиксированные элементы навигации ведут себя так, как будто ониРе позиция является абсолютной.
#navigation {
display: block;
width: 100%;
height: 50px;
position: fixed;
left: 0px;
bottom: 0px;
text-align: center;
z-index: 99000;
}
Это CSS, который у меня есть для основной оболочки навигации (этонижняя навигация.). В Webkit он работает отлично: то есть он прилипает к нижней части окна независимо. В Firefox он позиционирует себя в конце тегов, поэтому, например, на длинной странице яЯ должен прокрутить вниз, чтобы увидеть это. Он действует так, как будто этоабсолют.
У меня также есть боковая панель навигации.
.slidebar {
display: block;
position: fixed;
left: -1px;
top: -1px;
width: 1px;
height: 100%;
overflow: hidden;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 99998;
}
Эта боковая панель также действует так, как будто онаабсолютный - то есть он правильно позиционирует себя за пределами экрана, но этос удлинением и, таким образом, появляется горизонтальная полоса прокрутки.
height: 100%;
также отвечает на высота, а не высота окна, так что, например, мой
имеет верхнее поле 20px, и ползунок тоже наблюдает за этим полем (тело имеет 0 полей). Аналогично, вместо
height: 100%;
заканчивается в нижней части окна, заканчивается в нижней частис учетом нижнего колонтитуланижнее поле.
Я не могу понять на всю жизнь, почему это происходит. Проверка элементов показывает, что все свойства загружаются нормально, и в Chrome и Safari это работает. Первоначально это работало и работало в последний раз, когда я даже редактировал навигацию, но с тех пор перестало работать, так как я создавал другие, не относящиеся к делу части сайта.
http://www.upprise.com/demo.php - щелкните значок конверта, чтобы увидеть боковую панель