2016-11-28 8 views
0

別のインターネットエクスプローラの非決定的なバグ。バグはインターネットエクスプローラでのみ発生します(クロム、ファイアフォックス、サファリはすべて正常に機能します)。製造するためインターネットエクスプローラ非決定論的レイアウト

(ここではスクリーンショットを参照:http://imgur.com/a/8Ut7H):私は600PXより広い窓とhttps://shick.me/testに行けば、彼らは中央揃えされるものの、チャットメッセージのいずれかのように(左に固執

  1. を他のブラウザ)
  2. ウィンドウを600pxよりも狭くすると、レイアウトは正しくなります
  3. :今度はウィンドウを広げると、レイアウトは正しいです!

CSS/HTMLにはどのような回避策が必要ですか?

ヒント:それは

margin-right: 3000px; 
padding-right: -3000px; 

でトリックに関連している可能性のある支援をしていますか?

デベロッパーコンソール(つまりF12で)でページを操作すると、ほぼすべての操作でレイアウトが即座に修正されることがわかります。これは、例えば、ページを再描画し、それを修正します。

document.body.style.display = 'none'; 
document.body.style.display = 'block'; 

私は(オンロード/ domcontentloadedなどで)はJavaScriptにこれを入れたときにしかし、それは動作しません - JSが実行された後にブレークが発生します。私はそれの周りにsetTimeoutをラップすると、動作します - しかし、私は本当に醜いハックです。

+0

これは、ブラウザソフトウェアまたはスタイルルールのバグですか?あなたの主張は何ですか? – arkascha

+0

他のすべてのブラウザが動作している、つまり特定のパスの後に動作するので、私はそれがバグであると断言しています。 –

+0

最後に、「CSS/HTMLには何が問題なのですか?」という最終的な質問はなぜですか?その答えは "Nothing"でなければなりません。 – arkascha

答えて

0

実際に(stackoverflowとは対照的に)いくつかの議論の後で、私たちはネガティブマージン "トリック"を、大混乱の原因とみなしてしまいました。

私は別のレイアウトを選んだので、今は問題なく動作します。

関連する問題