切片模板和設計佈局，內部wraper

Question

中心體我有佈局一個pdf模板像在下面示例PDF圖像：

PDF 模板的外形尺寸的說明是寬度1600× hight 1335 px（以綠色背景顯示的示例圖像）頂部將會有一個新聞/文字滾動，它將覆蓋頁面的整個寬度，但它的身體部分會更少（它是白色，灰色和黑色的區域）。

我想要什麼？ 此佈局可適用於任何寬度的最低1024 x 786像素和最大寬度。

請指導我如何開發頁面佈局。

固定外部綠箱寬度和內箱寬度？兩者的百分比？或任何一個固定和其他百分比？

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; 
}