0

私は以前に助けを求めましたが、それは素晴らしいことであり、感謝していますが、あなたの専門家の支援が必要です.

http://www.mrandmrsmagic.comは私が取り組んでいるサイトで、コードを単純化し、位置を絶対にしないようにした後、何らかの奇妙な理由でメニュー バーがサイトに合わせてスケーリングされません。また、お客様の声のタブが切り取られていますが、これは幅が十分に長くないためでしょうか?

また、小さなモニター (15 インチ以上) では、ビデオ ギャラリーとフォト ギャラリーが右に 3 インチずれているとのことですが、パディングまたはマージンを追加して、中央にくっつくようにする方法はありますか?より大きな画面で？ありとあらゆる助けをいただければ幸いです。

4

1 に答える 1

0

Ok...

あなたのギャラリーはdiv、指定された位置に配置されています。

例えば

#gallery {
    position: relative;
    left: 950px; /* This needs to be removed */
    top: -560px; /* This needs to be removed */
}

それは常にdivオフを横に強制します。

あなたが望んでいると思うものと、私が間違っていたら訂正してほしいのは、2 つの列です。

これは実際には非常に簡単に実行できるので、ここで例を示して説明します。

私の例では、2 つの列を左右にフロートさせて中央にスペースを与えdivs、クラスを持つ2 つの列が高さ.placeholderと幅を提供します。

それぞれを画像とギャラリーにそれぞれ置き換える同様のものを作成すると.placeholder、メインコンテンツ内にビデオを保持できるはずです.

うまくいけば、これが役に立ちます。

編集

すべてを適切に説明するために最善を尽くします。

リンクした例のコンテンツ div は、その例のフロート列をラップするためだけにありました。複製する必要はありません。

列を左右にフロートさせてコンテンツを分離し、並べて配置します。float を追加するということは、単純に、親コンテナ内で指定された方向にできるだけ遠くに配置することを意味します。

ただし、フローティング コンテンツはページの流れ.clearfixを妨げるため、列の下のコンテンツが中断されないように、親にクラスを追加する必要があります。また、親に高さを持たせることもできます。

モニター幅ごとに異なるギャラリーの配置は、ie7 と ie8 が認識しない css 内のメディア ブロックを認識するブラウザーでのみ機能します。2 列のレイアウトの方がはるかに優れています。

于 2012-09-20T23:08:39.650 に答える