Jump to content
  • 0

Не работает выравнивание инлайн-блоков по ширине в IE10 и IE11


Johnney
 Share

Question

Приветствую!

Возникла проблема. Кнопки Reset и Submit не прилипают к правой стороне своего контейнера в IE10 и IE11.

В остальных свежих браузерах всё работает правильно.

Не пойму что не так.

http://cssdeck.com/labs/full/iavhhilc

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Schamil74
      Всем привет!
      Столкнулся проблемой отображения svg спрайтов в ie11.
       
      Описываю проделанные мною два варианта:
      В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Работает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg.
      Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял, но это и не нужно), но реагирует на css, причем не отображаются только некоторые иконки.
       
      Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например (синтаксис pug: 
      svg.contacts__flag(width="60", height="90")
         use(xlink:href="#flag")
       
      Ниже сама верстка со спрайтом только 2го варианта
      https://schamil74.github.io/Mishka
       
      Таск для спрайтов
      gulp.task('symbols', function () {
          return gulp.src("source/img/icons/*.svg")
              .pipe(svgmin())
              .pipe(cheerio({
                  run: function ($) {
                      $('[fill]').removeAttr('fill');
                      $('[stroke]').removeAttr('stroke');
                      $('[style]').removeAttr('style');
                  },
                  parserOptions: {xmlMode: true}
              }))
              .pipe(replace('>', '>'))
              .pipe(svgstore({
                  inlineSvg: true
              }))
              .pipe(rename("symbols.pug"))
              .pipe(gulp.dest("templates/blocks/"));
      });
       
      Скрин того, что видит chrome и firefox (слева), и ie11 (справа). Повторюсь, что не все иконки не отображаются

       
      Пробовал подключать svgxuse и svg4everybody, но толку нет.
       
      Какую еще предоставить инфу?
      PS: Я все еще новичок.
    • By Schamil74
      Всем привет!
      Столкнулся проблемой отображения svg спрайтов в ie11.
      Есть два варианта:
      В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Hаботает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg.
      Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял), но реагирует на css, причем не отображаются только некоторые иконки.
       
      Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например: 
      svg.contacts__flag(width="60", height="90")
      use(xlink:href="#flag")
    • By leshiple
      Подскажите почему столбцы в .g-main-content  не выравниваются по ширине и так ужасно отображается сам контейнер(дело происходит в IE).
       
      А в Chrome/Opera справа от .b-slider-controls появляется отступ в 1px.
       
      Ссылка.
    • By kattiperk
      Всем привет.
      Может, кто сталкивался с такой проблемой.
      При наведении и/или нажатии на button и input получаются такие рамки в браузере IE10.
      Зачем эта падла так? Я ни разу такого не видела.
       
      Кто что знает?
       
      http://joxi.ru/p27LXw5SnEGoA7
    • By Johnney
      Обрезается изображение облаков по контуру кнопки в IE10+. В остальных браузерах оно выходит за пределы кнопки, как и должно быть.
      Почему это происходит?
      http://cssdeck.com/labs/full/a7jvce0r
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy