0

私は自分のウェブページをハンドコーディングするのにかなり慣れていないので、ご容赦ください。作成した Web サイトの CSS と HTML を適用して、ルック アンド フィールに合わせて Blogger ページにスキンを適用しました。FireFox リリース 17.0.1 でテストするとすべて問題ないように見えますが、IE 8 では div #body_wrapの背景が数回以上繰り返されません。

おそらく単純なものが欠けていますが、原因を特定するための助けをいただければ幸いです。FireFox がたるみを拾っているのは IE 関連なのか、単に悪いコードなのかを知りたいです。

ブログへのリンクは次のとおりです。

http://www.zenmotostore.blogspot.com/

関連する div コンテナーの CSS は次のとおりです。

    #body_wrap {
    width: 1074px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
    background: url(http://www.zenmotostore.com/images/repeat_bgd_shadow_blog.png) top repeat-y;
    clear: both;
    }

    #body_content_wrap {
    width: 984px;
    margin: 0px 45px 0px 45px;
    padding: 0px;
    padding-bottom: 7px;
    background: #000000;
    position: relative;
    clear: both;
    }

    #scrollofzen_header {
    width: 983px;
    height: 191px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background: #000000 url(http://www.zenmotostore.com/images/scroll_of_zen_header.jpg) top center no-repeat;
    position: relative;
    clear: both;
    }

div #scrollofzen_headerは、HTML の Blogger コンテンツ コードの上にあります。どちらも#body_content_wrap div に含まれています。

投稿にさらにコードを含める必要がある場合はお知らせください。ご協力いただきありがとうございます。

4

3 に答える 3

0

あなたの問題は、このCSS宣言にあるようです:

.body-fauxcolumn-outer
{
    background: url(http://www.zenmotostore.com/images/page_bgd_zen.jpg) #b8924f fixed no-repeat 50% top;
}

IE 開発ツールを使用してこのルールを無効にすると、ページは正常に動作するように見えます (とにかく期待どおりです)。

于 2012-12-28T16:51:56.470 に答える
0

明確な問題になりそうです。IEのバージョンによって異なります。css を調べるか、別の方法として の最後の子要素としてheight: 100%;追加します。<div class="clear></div>#body_wrap

.clear {
    clear: both;
}

//then the markup

<div id="body_wrap">

    //Your content and stuff

    <div class="clear"></div>

<div> //close body_wrap
于 2012-12-28T16:27:00.347 に答える
-2

CSS で画像を使用する場合、Internet Explorer には大きな問題があります。それらを使用しようとするたびに、うまくいきません。IEの最新版以降、背景画像が許可されていません。

背景画像にしたいdivの高さを定義する必要があります

背景画像はIE8以下ではサポートされていません

http://www.w3schools.com/cssref/pr_background-image.asp

于 2012-12-28T16:30:29.797 に答える