Css 当在一个div内时，将内容放在页面的中间，并移到一边

我有一个网页，一边有一个固定的200px列（包含菜单）。右侧是可变宽度。右侧将使用AJAX填充。对于默认页面（当没有选择菜单项时），我试图使公司徽标水平居中于页面中，而不是放置它的div。到目前为止，我尝试过的CSS都没有达到预期效果，当浏览器窗口水平调整时，徽标会从中心向左或向右移动。由于担心我剩下的头发会掉，我正在寻找建议

附加信息 两列的CSS（来自Dreamweaver）是

---

侧边栏1列包含菜单。右侧（主）列仅为

，将根据从菜单中选择的内容从服务器接收内容。当然，相对于页面，这个div位于中间偏右的位置，但我想将徽标放在div中，但在页面中水平居中。

如果需要将徽标放在80%的内容中，您可以绝对定位它。这将允许通过车身定位徽标，而不是

.content

（因为

.content

是

位置：静态

）

试用

---

如果徽标位于“内容”分区中，没有某种排序或javascript，您将无法执行此操作。我同意@jlbruno-将徽标放置在

#标题

中，该标题位于

#内容

分区之外（因此，就在您的源代码之前）。@Crashdown，这是我最初使用它的地方，但它位于菜单上方，而我真的很想把它放在菜单旁边。事实上，它只不过是一个空白区域的化妆品填充物。谢谢。它只需要稍微调整一下，但在其他方面效果很好。徽标宽250px，因此以下内容对我很有用：。content.logo{position:absolute；left:50%；margin left:-125px；top:10px；}@John Gardeniers-欢迎！很高兴你成功了。我认为负边距将是一个很好的附加设置宽度标志。

.sidebar1 {
float: left;
width: 200px;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 80%;
float: left;
}

.content .logo { position: absolute; left: 48%; top: 10px; }