ie -проблема с position: absolute

sunyang

Мастер
Регистрация
25 Апр 2009
Сообщения
440
Реакции
30
Просто возненавидел этот ужас 21 века - IE!))

Пытаюсь спозиционировать дивку с картинкой вниз страницы. На опере и на мозиле все как надо - дивка помещается именно вниз страницы, а в этом IE она позиционируется внизу окна, а не страницы.

Как исправить этот косяк для чудо-броузера?

HTML код:
HTML:
...
<footer>
<div class="bottomimg"></div>
</footer>

</body>
</html>

Css:
Код:
footer{
	height:165px;
	position:relative;
	border-top:1px solid #c8c8c8;
	background-color:white;
	padding-top:20px
}
.bottomimg{
	position:absolute;
	width:294px;
	height:277px;
	background:url(../images/reals.jpg) 0 0 no-repeat;
	left:40px;
	bottom:-1px
}
 
Какая версия IE?
А пометили ли вы для <footer> свойство display:block ? HTML5 тэг используете.
Замените <footer> на div id=footer и все будет работать.
А высота вложенного блока больше высоты внешнего.
 


вообще в зависимости от версии браузера надо искать хаки.
 
Попробуй так:
HTML:
...
<!--[if IE]>
<style type="text/css">
.bottomimg{
	position:fixed;left:40px;bottom:-1px;
	width:294px;
	height:277px;
	background:url(../images/reals.jpg) 0 0 no-repeat;
}
</style>
<![endif]-->
<footer>
<div class="bottomimg"></div>
</footer>
</body>
</html>
 
Назад
Сверху