2016-11-28 2 views
0

Другой интернет-исследователь, не детерминированный баг. Ошибка возникает только в Internet Explorer (chrome, firefox, safari все работает нормально).интернет-исследователь недетерминированный макет

Для получения (см скриншоты здесь: http://imgur.com/a/8Ut7H):

  1. Если я иду в https://shick.me/test с окном шире 600px, сообщения чата придерживайтесь влево, хотя они должны быть по центру (как в любом из другие браузеры)
  2. Если я сделаю окно более узким, чем 600 пикселей, то верстка верна
  3. Недетерминированный: если теперь я снова сделаю окно шире, макет верен!

Какое обходное решение необходимо, или что-то не так с CSS/HTML?

Подсказка: это может быть связано с трюком с

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

ли это помощь?

Когда я работаю на странице с помощью консоли разработчика (F12, то есть), я вижу, что почти любая манипуляция мгновенно исправляет макет. Это, например, перерисовывает страницу и фиксирует это:

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

Однако, когда я это в JavaScript (в OnLoad/DOMContentLoaded и т.д.), она не работает - разрыв происходит после того, как JS выполняется. Когда я обертываю вокруг него setTimeout, он работает - но это действительно уродливый хак, который я бы сказал.

+0

Теперь это ошибка с этим программным обеспечением браузера или с вашими правилами стиля? Что это? – arkascha

+0

Поскольку все другие браузеры работают и т. Д. Работают по определенному пути, я определенно утверждаю, что это ошибка, т. Е. Вы не скажете мне иначе. –

+0

Тогда почему последний вопрос: «Что не так с CSS/HTML?»? Ответ на это, очевидно, должен быть «Ничто» ... – arkascha

ответ

0

После некоторых обсуждений в реальной жизни (в отличие от stackoverflow) мы закончили просмотр отрицательного маргинального «трюка» как виновника, который наносит ущерб хаосу.

Так что я выбрал другой макет, и теперь он отлично работает.

Смежные вопросы