0

ライブデモについては、私のWebサイト@http://hello-world.cu.ccにアクセスしてください。ホームページ、プロジェクトページ、コメントページを必ずチェックしてください。これらの各ページには、異なるスタイルが適用された同じサイドバーがあります。これは、私が試したこととそれが引き起こす問題を示すためのものです。

左側にサイドバー、右側にメインコンテンツがあるウェブサイトを作っています。私が抱えている問題は、サイドバーに関係しています。私はそれを左に浮かせています、そしてこれは私がウェブページにズームインするまでは問題ありません、そして突然サイドバーが位置を動かしてレイアウト全体を台無しにします。サイドバーの位置を絶対値に設定し、コンテナーの位置を相対値に設定して、これを修正しようとしました。ズームインすると同じ位置にとどまるため、これでズームの問題が解決します。ただし、位置が絶対になるため、サイドバーに対応するためにページが自動的に長くなることはありません。私が現在使用している一時的な解決策は、ズームの問題を修正するためにサイドバーを絶対に配置してから、最大の高さを追加することです。overflow:autoサイドバーのスクロールに使用できるスクロールバーを提供します。

4

2 に答える 2

0

問題を引き起こしていると思われることが2つあります。

  • #headerはmin-width:100%
  • #main haswidth:1100px

それらを修正すれば、あなたはあなたの道にいるでしょう。

于 2012-12-20T21:39:09.567 に答える
0

上で指摘したランディハントのように、最大​​の問題はあなたによって引き起こされています#header。これらをヘッダーに適用します。position: absolute; left: 0px; top: 0px;次に、正のマージンも適用して、現在負のマージンを使用しているすべての要素を調整する必要があります。ヘッダーの150pxの高さを取得し、負のマージンを追加して、新しい正のマージン値を見つけます(したがって、-138pxの上部マージンは12pxになります)。

また、代わりに、幅が何であれ、のmin-width: 100%;ようなことをします。width: 100%; min-width: 1100px;

お役に立てば幸いです。

于 2012-12-21T19:32:01.570 に答える