Записи с тегом «кроссбраузерность»

Кроссбраузерный position:fixed

25.09.2010 13:46 / Артём Волк / 972 просмотра / ...

Для того, чтобы 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 :)

Привязка нижнего блока к низу макета страницы

14.12.2009 17:46 / Сергей Дяговченко / 3213 просмотров / ...

Как "прилепить" нижний блок книзу? Google и другие поисковики дают много ссылок на различные решения данной проблемы. По ряду причин, большинство из предлагаемых решений уже не работают, либо работают, но без поддержки кроссбраузерности. На данный момент удалось найти такое кроссбраузерное решение, речь о котором и пойдет далее...

читаем...