2 
XUL box for div element contained an inline br child, forcing all its children to be wrapped in a block.

これは単なるアラートであり、致命的なエラーではありません。このエラーで Web ページに問題は発生しませんが、私の firebug コンソールで発生したため、迷惑です。これを防ぐにはどうすればよいですか? または、firebug でこれらのエラーを無視する方法は?

これが原因だと思います：

#top_icon01{
    position:relative;
    background-image : url('../hill_header/img/top_Icon_i01.png');
    background-repeat : no-repeat;
    background-size : 56px 56px;
    background-position: 50% 20px;
    width : 172px;
    height : 130px;
    padding-top : 25px;
    text-align: center;
    display:block;
    display:-webkit-box;
    display:-moz-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    -moz-box-pack:center;
    -moz-box-align:center;
}

詳細をいくつか提供します。 show chrome error にチェックを入れませんでした。これは非常に面倒です。 ここに画像の説明を入力 上部のヘッダーを削除すると:

<div id='topHeader'>
    <section id='top_middle_panel'>
        <div id='top_ryan'>
        <span class='float'> 
            <div id='top_icon01' class='top_icons'> 
                <h1>Design</h1><br><h6>Create Value</h6>
            </div>
        </span>
        <span class='float'> 
            <div id='top_icon02' class='top_icons'> 
                <h1>Multimedia</h1><br><h6>Amazing Presentation</h6>
            </div>
        </span>
        <span class='float'> 
            <div id='top_icon03' class='top_icons'> 
                <h1>Marketing</h1><br><h6>Connect to The World</h6>
            </div>
        </span>
        </div>
    </section>
</div>

エラーはなくなりました。

4

1 に答える 1

6

編集：答えを変更する

jsFiddleで再現しました！http://jsfiddle.net/brianpeiris/KEsZh/show/

top_icon div をフレキシブル ボックス モデル (display: -moz-box) を使用するように設定したため、Firefox は、<br />直接内部に a を配置したことを警告し、それらの div の内容を別のブロックでラップするように強制します。そのため、それについて不平を言います（おそらく不必要に）。

したがって、Firefox が不平を言うのを止めるには、top_icon div の内容を別の div で明示的にラップすることができます。これは Firefox を喜ばせます。

<div id='topHeader'>
    <section id='top_middle_panel'>
        <div id='top_ryan'>
        <span class='float'> <div id='top_icon01' class='top_icons'><div><h1>Design</h1><br><h6>Create Value</h6></div></div></span>
        <span class='float'> <div id='top_icon02' class='top_icons'><div><h1>Multimedia</h1><br><h6>Amazing Presentation</h6></div></div></span>
        <span class='float'> <div id='top_icon03' class='top_icons'><div><h1>Marketing</h1><br><h6>Connect to The World</h6></div></div></span>
        </div>
    </section>
</div>

または、を削除して<br />、別の解決策を見つけてコンテンツをフォーマットすることもできます。

于 2012-11-29T03:39:00.083 に答える