0

問題のページは次のとおりです: http://amytdatta.com/ironic-bironic (パスワード: tyma) - これは私が取り組んだ新しいアルバムのプレリリース ページです。

スクロールバーを必要とせずに、ビデオとテキストナビゲーションを縮小してブラウザウィンドウの中央に配置したいと思います。min height/を使用してあらゆる種類のアプローチを試しましmax heightたが、意図した結果が得られないようです。私は、どの要素を対象とし、どのようにそれらを対象とするかを知らないと推測しています。

堅実なアプローチのためのアドバイスをいただければ幸いです。また、私はVirbを使用しているため、CSSのオーバーライドしかできないため、行を削除できません。

どうもありがとう。

4

1 に答える 1

1

パスワードで保護されているため、実際にあなたのウェブサイトを見ることなく、次のようなことを提案します。

あなたの場合はナビゲーションとビデオの要素の周りにラッパーを設定します。次に、動画とナビゲーションの CSS に自動マージンを設定します。水平方向と垂直方向の両方で中央に配置する必要があります。2 つのコンポーネントのラッパーを追加して、それらをうまく積み重ねてから、そのラッパーに自動マージンを設定することもできますが、以下は既に機能しているはずです。

HTML:

       <div id="container">
         <div id="nav"><!-- nav here --></div>
         <div id="video"><!--video here--></div>
        </div>

CSS:

#container {
  width:100%;
  height:100%;
}

#video{
  margin:auto;
}

#nav {
  margin:auto;
}
于 2013-06-05T04:09:21.197 に答える