网站页面布局宽度

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位置相对于浏览器窗口大小移动。我经过惨痛的教训才学到这个。