Записи с тегом «кроссбраузерность»
Кроссбраузерный position:fixed
Для того, чтобы position:fixed сработал в браузерах начиная с IE6 необходимо для всех браузеров указать, например, следующее:
.l-fixed
{
position: fixed;
top: 250px;
left: 0px;
}
Для IE6 с помощью условных комментариев:
body
{
/*
Это обязательное условие, при необходимости настоящую фоновую картинку нужно назначить оборачивающему блоку
blank.gif -- классическое однопиксельное прозрачное изображение
*/
background-attachment: fixed;
background-image: url('../images/blank.gif');
}
.l-fixed
{
position: absolute;
left: 0px;
top: expression( ( 250 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
Решение с небольшими вариациями скомпилированно из нескольких других.
P.S. Действительно, пора заканчивать с практикой поддержки IE6 :)
Привязка нижнего блока к низу макета страницы
Как "прилепить" нижний блок книзу? Google и другие поисковики дают много ссылок на различные решения данной проблемы. По ряду причин, большинство из предлагаемых решений уже не работают, либо работают, но без поддержки кроссбраузерности. На данный момент удалось найти такое кроссбраузерное решение, речь о котором и пойдет далее...
