슬라이스 템플릿과 디자인 레이아웃, wraper

Question

내부 중앙의 몸은 내가 아래 샘플 PDF 이미지처럼 레이아웃을 PDF로 템플릿이 있습니다 템플릿의 PDF 전체 크기의

설명 1600 폭 X hight 1335 px (예 : 이미지가 녹색 배경으로 표시됨) 상단에는 페이지의 전체 너비를 포함하는 뉴스/텍스트 스크롤이 있지만 본문 부분은 작을 것입니다 (흰색, 회색 및 검은 색 영역입니다).

내가 원하는 것은 무엇입니까? 이 레이아웃은 최소 너비 1024 x 786 픽셀 및 maixumum에 적합 할 수 있습니다.

페이지 레이아웃을 어떻게 개발해야하는지 안내해주십시오.

외부 녹색 상자 너비와 내부 상자 너비가 고정 되었습니까? 둘 다 비율로? 또는 고정되어 있고 다른 하나는 백분율로 나타 납니까?

Answer 1

기본 아이디어는 너비가 100 % 인 몸체 요소와 너비가 1024 픽셀 인 컨테이너입니다. margin-left와 margin-right를 auto로 설정하면 상위 본문에 가운데가 배치됩니다. 이것은 기본 요구 사항에 맞을 것입니다.

body 
{ 
    text-align: center; 
    width: 100%; 
} 

#container 
{ 
    margin-left: auto; 
    margin-right: auto; 
    width: 1024px; 
    min-height: 768px; 
    text-align: left; 
}