CSS Fixed Header

Question

Я пытаюсь исправить свой заголовок сверху. Я просмотрел другие сообщения и уверен, что делаю все правильно. Это CSS для заголовка:

.header{ 
    width: 100%; 
    position:fixed; 
    top: 0px; 
} 

По какой-то причине, когда я это делаю, заголовок исчезает. Любые идеи для чего? И как мне изменить код? FYI Я использую bootstrap и добавляю это в него.

Спасибо тонного, Стефан

После просмотра так ответа я сделал около того изменения, но он снова исчез на меня. Используемый мной CSS является:

position: fixed; 
width:960px; 

Anymore help? Действительно оценен.

Answer 1

Простая опечатка в вашем position - вы хотите fixed не fixes.

.header{ 
    width: 100%; 
    position:fixed; 
    top: 0px; 
} 

Answer 2

Кроме того, вы должны быть осторожны с установкой процентных значений ширины и высоты. Возможно, вам захочется ознакомиться с этой статьей (немного старше, но все еще актуально): http://www.impressivewebs.com/width-100-percent-css/

Answer 3

Похоже, что ваш код хорош. Вы можете попытаться проверить элемент с помощью дополнения firebug и увидеть любой конфликт там. Вы также можете попытаться добавить высоту, если все еще не решить, тогда вы можете посмотреть статью sticky header, в которой объясняется процесс ее создания.

.header{ 
width: 100%; 
position:fixed; 
top: 0px; 
height:50px; 
}