Форум Не про работу Самое разное

Правильно закрепить footer страницы, как? (проблема в IE)

Jake Foley
На сайте с 16.08.2008
Offline
151
Jake Foley
955

Добрый день, делаю темплейт для своего проекта и столкнулся со следующей проблемой, которая появляется только в IE.

Итак у меня есть footer часть шаблона. Все ОК до тех пор пока не появляется полоса прокрутки. Смотрите сами

->

Footer (див) крепиться css кодом 

#footer{

	position:absolute;

	bottom:0;

	left:0;

	width:100%;

	height: 15px;

	background-color: #F3F7FA;

	color: #666666;

	border-top: 1px solid #D5D9DA;

	z-index: 1000;

}



#footer .container {

	margin: 14px auto 0 auto;

	width: 640px;

}



#footer .right {

	float: right;

	width: 300px;

}



#footer .left {

	width: 300px;

	padding-top: 8px;

}

@media screen{



	body>div#footer{

		position: fixed;

	}

}

Как можно поправить данный глюк ?

Dreammaker
На сайте с 20.04.2006
Offline
569
Dreammaker
#1

погуглите, решение данной проблемы в многих статьях описывается.

p.s. Совет не от природной вредности, просто там могут быть рассмотрены ньюансы, которые в топике сходу и не вспомнят.

Arion
На сайте с 21.06.2008
Offline
92
Arion
#2

Для осла нужно отдельно прописывать, если требуется зафиксировать объект относительно экрана монитора. Вставьте данный код в стили (с вашими параметрами разумеется) 

<!--[if lte IE 7]>

	<style type="text/css" media="screen">

	#elka {

	position: absolute;

	right: 20px;

	top : expression((document.documentElement.scrollTop || document.body.scrollTop) + document.documentElement.clientHeight - 150+ this.offsetHeight - this.offsetHeight);

	z-index: 1110;

	}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий