Rails with bootstrap-generators gem has zero styling in IE8 but does in IE9

Question

Using

gem 'bootstrap-generators', '~> 2.0'
gem 'simple_form', '~> 2.0'

Bootstrap style is non-existant in IE9 and under, but shows fine in IE10 via http://netrenderer.com/.

my bootstrap-generators.css.scss:

@import "bootstrap-variables";

body {
  padding-top: $navbarHeight + 20px;
  padding-bottom: 40px;
}

.page-header {
  a.btn {
    float: right;
  }

  a.btn + a.btn {
    margin-right: 8px;
  }
}

@import "scss/bootstrap";
@import "scss/responsive";

Any thoughts?

Is there a ` ` at the top of the page? – Terry Jun 14 '12 at 01:44 — Terry, Jun 14 '12 at 01:44

score 1 · Answer 1 · answered Jun 14 '12 at 02:07

1

You probably are using HTML5 elements that IE8 can't process for example <section>.
Try adding this to the <head> of the layout file

<!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

If it renders correctly, that was your problem.

answered Jun 14 '12 at 02:07

mraaroncruz

3,780
2
32
31

Unfortunately I already had it. Checking with http://netrenderer.com/ IE 10 shows fine, every other version shows without any style. A theory someone just mentioned to me was that it could be a missing closing tag somewhere. I believe firefox and probably others automatically add them to fix issues like this, but possibly IE does not, and maybe they just added that feature to IE10. Any other ideas? – Andy Bas Jun 14 '12 at 04:52
That sounds totally possible too. Check this out http://stackoverflow.com/questions/307178/any-tools-to-find-missing-html-tags – mraaroncruz Jun 15 '12 at 14:07

score 1 · Accepted Answer · edited May 23 '17 at 12:20

1

The cause is described here Rails 3.1, assets pipeline and IE 6 & 7 in production mode - some CSS & js are not loaded properly

We had to split up the css, and now all works fine.

edited May 23 '17 at 12:20

Community

1
1

answered Jun 27 '12 at 18:59

Andy Bas

217
1
4
11

Rails with bootstrap-generators gem has zero styling in IE8 but does in IE9

2 Answers2