css - div タグが正しく並んでいません

Question

何が起こっているのかわかりません。divに関連していることはわかっていますが、どこが間違っているのかわかりません。誰かが簡単に見て、私が間抜けなところを教えてもらえますか?

ページ下部の青い線です。私が知っていることはすべて試しました（もうそれほどではありません）。アドバイスをありがとう！

ウェブサイト: http://www.cityplaceselfstorage.com

-ジェイソン

Answer 1

次のルールを更新します。

#templatemo_middle {
    background: url("images/templatemo_content.jpg") no-repeat scroll left bottom transparent;
    clear: both;
    color: #F6F6F6;
    height: 305px;
    margin-bottom: 40px;
    width: 960px;
}

高さ auto を変更すると、この div の背景の世界地図の画像が正しく配置されなくなります。

Answer 2

CSS コードの配置を少し変更し、余分な div を追加する必要があります

最初のステップ: .templatemo_middle の CSS を次のように変更します。

.templatemo_middle{
    clear: both;
    width: 960px;
    height: auto;
    color: #f6f6f6;
    margin-bottom: 40px;
/** remove background image from here **/
}

/**add new class which will be used for new div */
.new_class{
     background: url(/images/templatemo_content.jpg) no-repeat scroll left top transparent;
}

2 番目のステップ: .v_divider 内のコンテンツを別の div で囲む必要があり、背景を割り当てることができます

<div class="col_w540 float_l v_divider">
    <div class='new_class'>
        ....here goes content....



      .....
    </div><!-- end the new div -->
</div><!-- end of div.v_divider -->

保存して実行