html - サイズ変更ラッパー

Question

#main_wrap のサイズ変更に問題がある:

http://www.coffeeproteindrink.com/method-athlete/

#main_wrap {
min-height: 100%;
background: url(images/content_back.png) repeat-y top left; 
margin: 0 0 0 240px;
opacity: .8;
}

#content
{float: left;
margin: -28px 0 30px 0;
position: relative;
z-index: 20;
top: 325px; 
height: 262px;
overflow: scroll;
}

私はそれを次のようにしようとしています:

http://www.bio-genix.com/

私は脳のおならをしているだけだと確信していますが、これを機能させることができないようです.

どんな助けでも大歓迎です。

ケン

Answer 1

あなたのtop: 325px値は on#contentです。これは、要素リストに入れたい場所よりもさらに下にあります。したがって、 で押し下げ#main_wrap、からtopを削除します。top#content

#main_wrap {
    position: absolute; 
    top: 325px;
} 
#content {
    top: 0;
}

http://jfcoder.com/test/methodsite.html

Answer 2

簡単なことの 1 つは (CSS にアクセスできる場合) #Content タグに移動することです。

#content {
float: left;
margin: -28px 0 30px 0;
position: relative;
z-index: 20;
top: 325px;
height: 262px;
overflow: scroll;
}

また、overflow:scroll を削除します。これは、コンテンツ ディバイダーが、オーバーフローすることなくコンテンツを処理するのに十分な大きさであるためです。だから、それはこのように見えるはずです

#content {
float: left;
margin: -28px 0 30px 0;
position: relative;
z-index: 20;
top: 325px;
height: 262px;
}