7

Chrome でスタイルが台無しになるページがあります (Safari などでは問題ありません)。何らかの理由で HTML に奇妙な空白が挿入され、ページの上部やその他の場所のレイアウトが台無しになっているようです。PHP ページのソースを表示することを選択した場合、次のように表示されます。

<body><div id="header-outer">
<div id="header" class="container">
    <div class="row">
        <div id="site-logo" class="span5">
            <img src='logo.png' />
        </div> ... etc ...

(BODY と DIV の間にスペースがないように PHP を変更しました)。しかし、開発者ツールを開くと、次のように表示されます。

<body>
    "" <- why?
    <div id="header-outer> etc. etc..

「」を手動で削除すると、レイアウトはうまくいきます。ここで何が起きてるの?私は困惑しています。

編集: http://bit.ly/ZkZxVG でページを見ることができます編集: すべての拡張機能を無効にしようとしましたが、問題には影響しませんでした。

ヒント: ブートストラップと JQuery を使用しています。彼らはコードをいじることができますか?

4

2 に答える 2

4

本当に奇妙です。ファイル内に望ましくない文字が含まれている可能性があります。削除<body><div id="header-outer">して書き直してみてください。

ファイルを utf8 No BOM でエンコードしてみて、問題が解決するかどうかを確認してください。

utf8 BOM の詳細については、こちらを参照してください。

于 2013-03-08T09:56:01.683 に答える
1

編集

それは空白ではありません、彼らはそこに物理的なチャーターでなければなりません。これは画面に表示されない場合がありますが、マークアップに次の要素が表示されるまで、削除とバックスペースを押してください。

HTMLの空白はブラウザによって完全に無視され、レンダリングされません。"&#65279;"アイテムを編集するときにレンダリングしたFirebugを見てください。

于 2013-03-08T09:55:06.257 に答える