Report

Компоновка: типичный блок .Wrapper, который имеет ширину 100% от ширины окна, и центровщик (margin: 0 auto;) с указанными min-width и max-width:
В IE следующий баг: Wrapper почему-то заканчивается раньше, чем надо, а центровщик с содержимым перекрывает следующую такую же компоновку ниже:

Такой баг был замечен уже практически на свёрстанном лендинге, а потому было очень трудно сделать минимальный работающий пример. Я постарался убрать весь лишний HTML для данного примера, но CSS тоже самое было сделать очень трудно.
Если Вы запустите пример в IE (ещё раз повторюсь, что в других браузерах всё нормально), то увидите следующее:

На StackOverflow уже несколько недель никто не может найти решение (оно и понятно: в разметке-то ошибок нет, это просто баг IE, но с ним надо что-то делать, потому что пользователи IE, увы, ещё превышают критическую отметку 10%). Вот только что удалось выяснить: если контейнеру .FlexPageLayoutWithFixedHeaderAndBottomFooter-Wrapper для основного содержимого (под header) задать min-height вместо height, то отображение станет нормальным. К сожалению, такое решение не годится потому, что исчезнет "прилипание" header-а кверху. Можно, конечно, прилепить его и другими способами, но хотелось бы избежать задания его абсолютной высоты, так как это противоречит концепции адаптивной вёрстки.

Решил анимировать иконки, нашел пример в интернете, скопировал

в Safari Версия 11.0.2 (13604.4.7.1.3), в мобильных Safari и Chrome все отображается отлично

но почему-то иконки неправильно отображаются в Chrome Mac (Версия 63.0.3239.132 (Официальная сборка), (64 бит), Chrmoe Windows и Edge - на переднем плане анимированный градиент, а на заднем иконка
 
пример кода
пример того как должна выглядеть анимированная иконка во вложении
Screen Capture 2018-01-10 06.49.14.mov

Всем привет! Я тут новичок, не пинайте сразу если что.
Требуется аналог position sticky для IE (в режиме совместимости с 7).
Надо чтобы в одну строку текст с кнопками и с пунктирной линией проходящей под ними посередине в любой ситуации прилипал к левой и правой границе окна, то есть чтобы не участвовал в горизонтальной прокрутке, но прокручивался вертикально. Также при растягивании окна, текст за которым следуют кнопки находились слева на 20%.

То есть если сдвинуть скролл, строка с красной полоской должна остатся на месте, если растянуть окно, то красная полоса растягивается, "( Title )" немного сдвигается вправо.
Надеюсь более менее объяснил, заранее спасибо.
Забыл сказать, таких линий на форме 10 - 20 штук.

Здравствуйте! 
Проблема следующая: есть некий корпоративный портал (уже довольно древненький и написанный задолго до меня), с него есть обычная ссылка <a> на карту, которая открывается в новой вкладке. Карта нарисована как svg и вставлена непосредственно в саму страницу через тег <svg> (вновь открываемую). Проблема в том, что при переходе по ссылке непосредственно с портала, IE11 не отображает svg и не корректно отображает стили для блоков с текстом. Все остальные браузеры отображают все полностью и правильно. Самое главное, что отдельно (правда на другом веб-сервере [может это важно]) эту страницу с картой IE11 отображает просто замечательно. Но стоит обратиться к ней через ссылку с главной страницы портала, не работает. Предполагаю, что проблема непосредственно с порталом. Где-то какие-то стили не те, или еще что... Может кто поопытнее подскажет, в какую сторону хоть копать...
При написании портала использованы:      - jquery.fancybox-1.3.4.css
                                                                                             - AC_RunActiveContent.js
                                                                                            - swfobject_modified.js
                                                                                            - jquery-1.4.3.min.js
                                                                                            - jquery.easing-1.3.pack.js
                                                                                            - jquery.fancybox-1.3.4.js
                                                                                            - jquery.fancybox-1.3.4.pack.js
Может где-то в них проблема?
 

Подскажите пожалуйста, как сделать паузу мерцания текста, что бы по глазам не било сильно?
Посмотреть образец  тут.
info-box {
width : 96%;
background : #c2ddf9;
border : #CD0000 solid 1px;
color : #CD0000; font-weight: 800;
line-height : 19px;
animation: blur .99s ease-out infinite;
text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff;
}
@keyframes blur {
  from {
    text-shadow:0px 0px 5px #fff,
      0px 0px 4px #fff, 
      0px 0px 5px #fff,
      0px 0px 5px #fff,
      0px 0px 5px #fff,
      0px 0px 5px #fff,
      0px 0px 9px #fff,
      0px 0px 9px #fff,
      0px 0px 9px #fff,
      0px 0px 9px #fff,
      0px 0px 9px #CD0000,
      0px 0px 9px #CD0000,
      0px 10px 12px #4A708B,
      0px 10px 12px #4A708B,
      0px 10px 12px #4A708B,
      0px 10px 12px #4A708B,
      0px -10px 12px #4A708B,
      0px -10px 11px #4A708B;
  }
}
СПАСИБО!