0

こんにちは、幅が 1000px に設定されたラッパー div があり、上下のマージンが 0、左右が auto に設定されている私のウェブサイトのマージン auto に問題があります。サイドバーにナビゲーションメニューがあり、Javaスクリプトを使用して同じdivを別のテーブルに置き換えました。メニューのリンクをクリックすると、ラッパーが右に何ピクセルか移動し、元の状態になります。そのアクションは望ましくありません。ラッパーを静的にして、いつでも変化させないようにします。どうすればそれを達成できますか。

マージンをちょう​​ど 0 に設定すると、配置に問題が発生します。しかし、ラッパーを中央に配置したい。

ここにデモがあります：

http://techiedreams.com/projects/test/new/admin/index.php

ここに私のcssコードがあります:

body {
background-color:#E2E3E4;
color:#333;
font-size: 12px;
}

#wrapper {
background-color:#ffffff;
width:1000px;
margin:0 auto;
margin-bottom:10px;
}

#content {
width:780px;
float:right;
}

#sidebar {
width:150px;
margin-top:15px;
margin-left:10px;
float:left;
border-right:1px solid #EDE9DE;
margin-bottom:25px;
}

#footer {
clear:both;
margin:0 auto;
width:1000px;
height:44px;
border-top:1px solid #EDE9DE;
}

HTML のデモを確認してください

4

1 に答える 1

0

IMHO、報告された問題の原因となっている HTML/CSS には何もないため、この質問はクローズする必要があります。OP では、垂直スクロールバーの通常の外観が原因でシフトが発生しています。

典型的な回避策の 1 つは、垂直スクロールバーが必要ない場合でも常に表示されるようにすることです。これは、特定の古いブラウザと互換性がありません。

html { overflow-y: scroll; }

スクロールバーが存在する場合の絶対divシフト

ほとんどの訪問者が期待するように、修正を行わずにブラウザが正常に動作するようにすることを強く希望します。

于 2012-09-29T18:23:11.283 に答える