HTML, CSS 헤더 지원

Question

여기에 나는이 웹 사이트의 PHP 및 기타 모든 물건을 작업 한 것이

http://i.stack.imgur.com/LxO1e.png

에 대한 링크입니다. 문제는 아래의 다른 것들을보기 위해 위로 스크롤 할 때 스크롤되는 요소가 아래로 향하는 대신 머리글 위로 이동한다는 것입니다. 어떻게 해결할 수 있습니까? pageboost.comze.com

가 여기에있다 : 사이트

내가 여기에 HTML을 게시 할 수없는 것, 내가 들여 쓰기 네 개의 공간 일을 시도했지만 너무 대신 여기에 HTML 물건 작동하지 않습니다이다 주에 대한 CSS를 대신 아래

.inmain 
{ 
width:95%; 
height:100%; 
left:20px; 
top:42px; 
position:relative; 
} 

의 이상 가서 여기 헤더의 CSS의되는

.header 
{ 
background-color:#ffd800; 
width:100%; 
height:42px; 
position:fixed; 
left:0px; 
top:0px; 
-webkit-box-shadow: 0 5px 6px -6px black; 
-moz-box-shadow: 0 5px 6px -6px black; 
} 

Answer 1

당신의 헤더 클래스 또는 위치를 정의한 아이디로 Z- 인덱스 값을 정의합니다. 당신은 내가 에서 Z- 인덱스 값 준 내가이 원활하게 작동합니다 희망 Z- 인덱스 값 .....

업데이트] 답변

을 줄 때 너무 발생 그 작업 벌금 지금 확인하세요 헤더 클래스 .....

HTML

더 나은 이해를위한

CSS

.header 
{ 
background-color:#ffd800; 
width:100%; 
height:42px; 
position:fixed; 
left:0px; 
top:0px; 
-webkit-box-shadow: 0 5px 6px -6px black; 
-moz-box-shadow: 0 5px 6px -6px black; 
    z-index:1; 
} 

.inmain 
{ 
width:95%; 
height:100%; 
left:20px; 
top:35px; 
position:relative; 
} 

라이브 데모를 참조하십시오 - http://jsfiddle.net/X8vpg/6/

Answer 2

당신은 Z- 인덱스를 정의해야 중 하나의 위치는 relative,absolute or fixed입니다. 예를 들어

자신처럼 쓰기 :

는

.header{ 
position:fixed; 
z-index:1; 
}