Полоска внизу окна браузера на 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').offsetTop - 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

спсб! помогло!

16.05.2007, 12:18	#47746
Viper Новичок Регистрация: 07.12.2005 Сообщения: 54	Полоска внизу окна браузера на CSS ?? Собстно вопрос вот в чем. Нужно сделать полосу 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 все нормально. В чем бяда ?

Опции темы
Версия для печати Отправить на email
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

23.06.2007, 17:14	#49455
Viper Новичок Регистрация: 07.12.2005 Сообщения: 54	спсб! помогло!

Здесь присутствуют: 1 (пользователей - 0 , гостей - 1)