Html 不同浏览器的CSS问题

下面提到的代码在GoogleChrome上运行良好，但每当我使用IE7/8时，输出都很奇怪，整个页面都乱七八糟。请帮我更正代码，并告诉我一些资源或书籍，我应该遵循学习好的CSS

.包装纸
{
宽度：1000px；
高度：自动；
左边距：自动；
右边距：自动；
}
.标题
{
高度：250px；
宽度：1000px；
背景色：红色；
}
.菜单栏
{
高度：40px；
宽度：1000px；
背景颜色：蓝色；
左边距：自动；
右边距：自动；
}
.菜单项
{
高度：40px；
宽度：300px；
浮动：左；
文本对齐：居中；
颜色：白色；
}
页
{
宽度：1000px；
高度：500px；
背景颜色：黄色；
左边距：167px；
}
.左页
{
宽度：150px；
高度：500px；
背景颜色：绿色；
浮动：左；
}
.第页，右
{
背景色：黑色；
高度：500px；
宽度：250px；
浮动：对；
}
.页脚
{
高度：200px；
宽度：1000px；
背景颜色：橙色；
左边距：167px；
}
家
关于我们
联系我们
xyz
pqr

看起来您的页面上有一个额外的结束div标记：

。IE在这方面比其他浏览器更挑剔。尝试删除它。

尝试此css

 .wrapper
 {
  width:1000px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  margin-left:167px;
 }

---

请提供有关您的问题的更多详细信息。您的结束标记应至少为。您应添加Doctype，如前所述。您未能关闭

和孤立的

是最可能的原因。可能使用？已纠正错误并检查输出，但问题仍然存在。

 .wrapper
 {
  width:1000px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  margin-left:167px;
 }