0

私は CountryGardensNursery.co に取り組んでおり、すべてが Firefox で問題なく表示されます。全画面表示で Safari と Chrome をクロスチェックすると、ページのコンテンツがページの中央ではなく右側に移動します。

私は2つのコンテナにコンテンツを持っています:

<div class="main_container"><div class="page_container"></div></div>

コードに関連する CSS は次のとおりです。

.main_container {
    width: 1000px;
    background: transparent;
    margin: 0 auto -30px;
    top: -30px;
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 90;
}

.page_container {
    background: transparent;
    width: 700px;
    position: relative;
    float: left;
    padding: 0px 20px 10px 0px;
    min-height: 500px;
}

このサイトをWordpressでコーディングしています。コード行はありますか、それとも何らかの競合が見られる人はいますか? どんな助けでも素晴らしいでしょう！ありがとう。

競合のあるページ: www.countrygardensnursery.co/about/

4

1 に答える 1

1

あなた<header>はオーバーフローを含んでいません。次の解決策のいずれかを使用します。

オーバーフロー

header { /* style.css:1481 */
    overflow: hidden;
}

Clearfix - 推奨

header:after { /* style.css:1481 */
    content: '';
    clear: both;
    display: block;
}
于 2013-06-04T16:08:50.517 に答える