0

片側に 200px の固定列 (メニューを含む) を持つ Web ページがあります。右側は可変幅です。右側は AJAX を使用して入力されます。デフォルトのページ (メニュー項目が選択されていない場合) では、会社のロゴが配置されている div ではなく、ページの水平方向の中央に配置しようとしています。これまでに試した CSS はどれも期待どおりに機能せず、ブラウザ ウィンドウのサイズが水平方向に変更されると、ロゴが中央から左または右に移動します。残った髪を失うことを恐れて、提案を探しています。

追加情報

2 つの列の 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に配置したいのですが、ページの水平方向の中央に配置します。

4

1 に答える 1

2

ロゴを 80% のコンテンツ内に配置する必要がある場合は、絶対に配置できます。これにより、.content（が で.contentあるためposition:static）ではなく、ボディによってロゴを配置できます。

このjsbinを試してください

.content .logo { position: absolute; left: 48%; top: 10px; }
于 2011-02-22T03:02:57.807 に答える