網站頁面佈局寬度

Question

我爲我的網站設計了主頁。現在只有指定的是剩餘的。經過很多辯論後，我決定採用固定的頁面佈局。我怎麼做？我如何把所有內容放在750像素內（或者你建議的）？

Answer 1

這個問題的簡單答案是僱用一個圖書館，爲你做了繁重的工作。我建議960 Grid。

Answer 2

除了960格作爲mentioned by Gabriel，我開始喜歡使用Blueprint。

Answer 3

包裹你的內容在新的DIV和使用下面的代碼：

#wrap_div {width:750px; margin: 0 auto;} 

，然後代碼，代碼和代碼:)

Answer 4

使div容器

<div id="container"> 
    <!-- Your content goes here--> 
</div> 

和使用以下css

#container{width:750px; margin:0 auto} 

css使用'寬度'設置寬度，並寫入像'div'這樣的中心在瀏覽器窗口中的'margin'。即頂部，底部，左側。這意味着頁面頂部和底部的頁邊距爲'0'，左側和右側爲'自動'。

Answer 5

..在750像素內（或任何你建議的）？

使用960px左右的寬度（如其他答案中提到的框架所做的那樣）。這是針對1024x768分辨率（並留下一些滾動條的空間），因爲很少有人仍然瀏覽800x600或更低：http://www.w3schools.com/browsers/browsers_display.asp

Answer 6

警告字。最好在固定的父位置div內保持元素大小的相對百分比。我的意思是，如果

容器{寬度：900px;}

子部件1 {寬度：40％;}

孩子在element2 {寬度：40％;}

等;

如果您在固定位置div中爲內部元素插入高px值，則會在低顯示器分辨率下出現問題。在這種情況下，在分辨率爲1024x768的分辨率下，div內的元素可以從盒子中分散出去。最好保留子元素大小的百分比，以便div位置相對於瀏覽器窗口大小移動。我經過慘痛的教訓才學到這個。