html - IE9 で正しく表示されないポップアップのデバッグ

Question

解決できなかった別の質問でこれを尋ねました

このウィンドウの上部を埋めますか?

そして今、私たちはデバッグできるフィドルに欠陥のあるコードを持っています: http://jsfiddle.net/qffh5/6/

Internet Explorer 9 では、ウィンドウの上部がいっぱいになりません。CSS がオーバーライドされていると思われるので、開発者ツールを使用して IE を調べましたが、何が問題なのかを見つけることができませんでした。

Answer 1

問題を特定したところ、スタイルが正しく継承されていないことに気付きました。だから私はあなたのフィドルを片付けて、「問題」だけが存在するようにしました。

html

<div id="topBar">
    <span class="pusher TB_nb">
        <h2>Some text</h2>
    </span>
    <span id="close">
       <a href="#todo" onclick="#do something">X</a>
    </span>
</div>

あなたのCSS

#topBar {width:100%; background-color:#EFEFDC;}
#close {position:absolute; right:5px;}

*この部分だけをいじる: http://jsfiddle.net/qffh5/30/ *

修正されたCSS

#topBar {width:100%; background-color:#EFEFDC; display:inline-block;}
#topBar h2 {float:left}
#close {position:relative; float:right;}​

フィドルはここにあります：http://jsfiddle.net/qffh5/28/