我有一个网页，一侧有一个固定的 200px 列（包含菜单）。右侧是可变宽度。右侧将使用 AJAX 填充。对于默认页面（当没有选择菜单项时），我试图让公司徽标在页面中水平居中，而不是放置它的 div。到目前为止，我尝试过的所有 CSS 都没有按预期工作，随着浏览器窗口水平调整大小，徽标会从中心向左或向右移动。担心我剩余的头发会脱落，我正在寻找建议。
附加信息
两列的 CSS（来自 Dreamweaver）是
.sidebar1 {
float: left;
width: 200px;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 80%;
float: left;
}
sidebar1 列包含菜单。右侧（主）列很简单<div class="content"></div>，它将根据从菜单中选择的内容从服务器接收内容。这个 div 当然相对于页面位于中心的右侧，但我想将徽标放入 div 中，但在页面中水平居中。