Вернуться   Foxter.ru > Мой компьютер > Программирование > Web-программирование

Ответ
 
Опции темы Опции просмотра
Старый 16.05.2007, 12:18   #47746  
Новичок
 
Аватар для Viper
 
Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793
Регистрация: 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 все нормально.
В чем бяда ?
Viper вне форума   Ответить с цитированием
Старый 23.06.2007, 08:57   #49437  
Новичок
 
Аватар для GosuStyle
 
Репутация: 27806Репутация: 27806Репутация: 27806Репутация: 27806Репутация: 27806Репутация: 27806Репутация: 27806Репутация: 27806Репутация: 27806Репутация: 27806Репутация: 27806
Регистрация: 23.06.2007
Сообщения: 2
По умолчанию

пробуй так ^_^
Код:
<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>
GosuStyle вне форума   Ответить с цитированием
Старый 23.06.2007, 17:14   #49455  
Новичок
 
Аватар для Viper
 
Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793Репутация: 27793
Регистрация: 07.12.2005
Сообщения: 54
По умолчанию

спсб! помогло!
Viper вне форума   Ответить с цитированием
Ответ


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

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB-коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход



Powered by vBulletin
Copyright ©2000-2024, Jelsoft Enterprises Ltd.
[Foxter Skin] developed by: Foxter.ru