Есть ли чистый способ CSS оставить бар в одном месте?

Question

Подобно некоторым функциям Facebook, таким как ссылка чата, которая постоянно находится в одном и том же месте страницы, независимо от того, прокручиваете ли вы.
Существует ли простой способ CSS для достижения этой цели?
Воточень упрощенный HTML:

<div id='constant-bar'> some background some text</div>
<p>content</p>
<p>content</p>
<p>content</p>
.... X 1000
<p>content</p>

Мне сейчас очень важны IE> 8 и FF> 5 и chrome, последние версии Safari.Мой код будет выпущен только через некоторое время

Answer 1

Исследования position:fixed

В настоящее время он не поддерживается во многих мобильных браузерах, и старые версии Internet Explorer (IE <7) также не поддерживают его. Кроме того, <a href="http://www.quirksmode.org/css/position.html" rel="nofollow"> IE 7 содержит странную ошибку .

Если вы хотите, чтобы он растягивался на всю высоту страницы, вам также нужно это изучить. Этот учебник может помочь .

Answer 2

посмотрите на атрибут CSS исправлено :

position: fixed;

Пример