페이지를 아래로 이동하여 헤더 그래픽 허용

Question

셀 내에서 테이블에 내용을 추가 할 수있는 프로그램을 사용하고 있습니다. 그러나 모든 유형의 내용이 허용되므로 스타일 시트에 대한 참조가 추가되어 응용 프로그램을 다시 브레드 할 수 있습니다.

응용 프로그램은 주로 IE8과 IE10뿐만 아니라 IE7 모드를 사용하는 응용 프로그램 인터페이스를 사용하여 우리 조직 내부의 웹 브라우저를 통해 액세스합니다. 따라서 다양한 화면 해상도에서 모든 브라우저 모드와 호환되어야합니다.

내가 달성하고자하는 것은 헤더 그래픽을 추가하지 않는 페이지에 헤더 그래픽을 추가하는 것입니다. 레이아웃은

<table width="60%"> 
    <tbody> 
     <tr> 
      <td> 
       Here is my content 
      </td> 
     </tr> 
    </tbody> 
</table> 
Rest of page content here 

내가 헤더 이미지가 브라우저의 상단 부분을 포함 할 같은, 그래서 내가 입력

<img src="/pathtoimage.png" class="newhead"> 

에 얻을 HTML에서 이미지

를 삽입 한 CSS

.newhead 
{ 
    width: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: -100; 
} 

그래픽이 문서 흐름에서 제거되었으므로 나머지 페이지 콘텐츠는 별표를 표시하려고합니다. 그래픽 뒤에 t.

그래픽의 높이가 변경되므로 브라우저 크기에 따라 (너비에 비례하여 조정 됨) 콘텐츠는 동일한 양만큼 이동해야합니다.

가장 좋은 방법에 대해 조언 해 주시면 감사하겠습니다. 나는이 일을하는 방법에 내 머리를 고집하고 IE7 모드로 작동하도록했다. (나는 알고있다.)

내가 시도한 것은 헤더 그래픽의 60 % 너비 인 투명한 이미지를 사용하는 것이다. (같은 높이) - 헤더 그래픽과 함께 비례하여 크기가 조정되지만 테이블을 제대로 채우거나 60 %를 유지하거나 계획에 따라 아무것도하지 않으면 작동하지 않는 것으로 판명되었습니다.

다시 도움 주셔서 감사합니다.

Answer 1

위치를 절대적으로 지정하는 이유는 무엇입니까? 헤더의 측면을 변경하고 원하는 크기로 밀어 넣을 수 있습니다. 당신은 이미지가 절대 할 이유

body 
{ 
    margin: 0; 
    padding: 0; 
}