Тебе нужна фиксированная шапка?
Присвой блоку шапке свойство position с значением fixed
.имя-класса {
position: fixed;
}
И задай у body верхний отступ пикселей этак 60. Иначе шапка будет наезжать на основной контент.
body {
margin-top: 60px;
}
Вот
Размер задай через
background-size
width: 100%;
Kooge, кусочек торта:
body {
margin: 60px auto 0;
}
header {
display: block;
width: 100%;
height: 60px;
position: fixed;
}
.header {
display: block;
width: 100%;
position:fixed;
background: url('header.png') repeat-x #658700;
text-align:left;
height:51px;
border-bottom:1px solid #517600;
border-top:1px solid #cce500;
}
body {
background: url('bgl.png') repeat fixed 0 0 #212121;
color:#fff;
font-family: Verdana;
font-size:12px;
margin: auto;
margin: 60px auto 0;
max-width: 400px;
min-width: 176px;
}
Если не трудно, скинь отредактированную, пожалуйста.
body {
background: #212121 url('bgl.png') repeat fixed;
font: 12px Verdana;
margin: 51px auto 0;
min-width: 176px;
max-width: 400px;
color: #fff;
}
.header {
background: #658700 url('header.png') repeat-x;
position: fixed;
top: 0;
width: 400px;
height: 51px;
border-top: 1px solid #cce500;
border-bottom: 1px solid #517600;
}