这篇将介绍如何设置每个 DIV 的宽度和布局排版，并且也会展示如何让主题显示正确，并同时在 Firefox 和 IE 下兼容，显示一致。
在我们开始之前，打开 Xampp Control，主题文件夹，Firefox 浏览器，IE 浏览器，index.php和style.css这两个文件。
第1步：设置页面总体宽度
现在我们首先要确定的是主题的总体宽度。我们使用 750px；主题的大小取决于博客绝大多数访问者的屏幕分辨率。
不管怎样，我们怎么样把主题的总体宽度设置为 750px 呢？
我们需要把现在主题中的所有的东西（header，container，sidebar 和 footer）放入一个 750px 的 DIV 标签中。
在 <body> 之后增加：<div id=”wrapper”>
在 </body> 之前增加：</div>
在 style.css 文件中输入以下代码：
#wrapper{
margin: 0 auto 0 auto;
width: 750px;
text-align: left;
}复制
继续阅读“WordPress 主题教程 3：宽度和布局”