0

Wordpressテーマで作業しており、ブラウザウィンドウのサイズが変更されたときに、青いぼかしの背景をスライダーに残しておく必要がありました。私はその目標を達成しましたが、ブラウザを狭くすると、すべてが中央に留まらず、左側に大きなスペースがあることに気付きました。これを改善するための最良の方法は何でしょうか？

http://www.stringcreative.ca/wp/

4

2 に答える 2

0

これは、スライダーを中央に配置するためのソリューションがエレガントではなく、固定幅と絶対位置に依存して正しく見えるようにするためです。

これを修正するには、いくつか変更する必要があります。

#homebgwを次のように変更します。

#homebgw {
    background: url("http://www.stringcreative.ca/wp/wp-content/themes/Rbox2Pro/images/masthead.jpg") no-repeat scroll 50% -117px transparent;
    height: 411px;
    width: 100%;
}

#headerを次のように変更します。

#header {
    background: url("http://www.stringcreative.ca/wp/wp-content/themes/Rbox2Pro/images/masthead.jpg") no-repeat scroll 50% 0;
    height: 100px;
    margin: 0 auto;
    padding-bottom: 35px;
    width: 1400px;
}

簡単に言うと、上記で投稿した問題を解決するために絶対的なポジショニングは必要ありません。絶対位置と負のマージンを使用して中央揃えの問題を修正している場合は、おそらく何か問題があります。それをシンプルに保ち、あなたが望む結果を達成する方法をグーグルで。ネットには、修正を加えてコードをハッキングすることなく、これらの基本的な結果を達成するための役立つドキュメントが満載です;）

于 2013-02-01T00:06:20.413 に答える
0

サイトは少し混乱しています。画像を含むラッパーを用意してから、同じサイズのコンテナを中央に配置する必要があります。

#wrapper {
background: #000b1a url("http://www.stringcreative.ca/wp/wp-content/themes/Rbox2Pro/images/masthead.jpg") no-repeat fixed top center;
}

#header_container {
margin: 0 auto;
height: 117px;
width: 960px;
position: relative;
}

位置を絶対に設定する必要はありません。また、位置を合わせるためにマージンを-に設定する必要はありません。960グリッドシステムも調べてください。私はいつもそれを使っており、サイトを適合させるための時間を節約しています。お役に立てれば

于 2013-02-01T00:26:13.813 に答える