Как заморозить заголовок страницы

Question

Мой веб-шаблон основан на тегах div. Я хочу заморозить часть заголовка (заголовок, логотип и т. Д.), То есть, когда вы прокручиваете страницу, заголовок должен быть в фиксированном положении.

 <!--Header and Logo -->
 <div id="outer">
 <div id="header">
   <h1><a href="#">Some Application</a></h1>
   <img src="/media/images/logo.gif"  height="95" width="190">
 </div>

Вот мой css

#outer
{

}
/* Header */
#header
 {
height: 95px;
background-image: url();
background-repeat:no-repeat;
background-position: bottom left;
padding-left: 20px;
padding-top: 15px;
padding-bottom: 15px;
}

Может кто-нибудь мне помочь? Спасибо

Answer 1

Попробуйте использовать свойство position: fixed;. Вот пример скрипки: http://jsfiddle.net/austinbv/2KTFG/

Answer 2

Отличный атрибут CSS:

#outer {
  position: fixed;
}

Answer 3

Вы хотите position: fixed.