Вход

Просмотр полной версии : Полоска внизу окна браузера на CSS ??

Viper
16.05.2007, 12:18
Собстно вопрос вот в чем.
Нужно сделать полосу div'ом, чтобы она была поверх всех элементов и строго внизу окна браузера.

пишу:
.footer {
font-size: 1.2em;
height: 20px;
position: fixed;
bottom: 0px;
margin: 0px;
padding: 3px 0 0 3px;
width: 100% !important;
width: 99.7%;
z-index: 10000;
}

<div class="footer">Lorem ipsum</div>

Проблема в том, что в IE эта полоса тупо не на своем месте, а после всех элементов в самом низу страницы и не прокручивается. В Opera и Firefox все нормально.
В чем бяда ?
GosuStyle
23.06.2007, 08:57
пробуй так ^_^

<html>
<head>
<style type="text/css">
body { margin: 0; padding: 0; width: 100%; color: WindowText; background: url('/n.gif') no-repeat; background-attachment: fixed; }
#controlTop { position:absolute; bottom:0; margin:0; height:0; width:0; overflow:hidden; }
#header {
width: 100%; height: 20px; padding: 0.5em 0; background-color: ButtonFace; color: ButtonText; position: fixed; bottom: 0; left: 0; //position: absolute;
top: expression(document.getElementById('controlTop').o ffsetTop - 10 + document.getElementsByTagName('body')[0].scrollTop + 'px');
}
#content { background: Window url('grid-10.gif'); padding: 2.2em 0; width: 100%; height: 3000px; }
</style>
</head>
<body>
<div id="content">
<p>Middle Frame Content</p>
</div>
<div id="header">Top Frame Content</div>
<div id='controlTop'></div>
</body>
</html>
Viper
23.06.2007, 17:14
спсб! помогло!