seyhunak / twitter-bootstrap-rails

Twitter Bootstrap for Rails 6.0, Rails 5 - Rails 4.x Asset Pipeline
https://github.com/seyhunak/twitter-bootstrap-rails
4.49k stars 997 forks source link

Strange Behavior in IE in Production #285

Closed adamalbrecht closed 12 years ago

adamalbrecht commented 12 years ago

I can't quite deduce what particular syntax is causing it, but the CSS code that is used in production (after being combined and compressed) breaks in IE. Not all of it, but something in the syntax is causing IE to simply stop reading the rest of my styles beyond a certain point.

This is probably caused by Bootstrap itself rather than this Gem, but I figured that someone in here may have experienced the same thing.

adamalbrecht commented 12 years ago

I resolved this. I had some unnecessary import statements to Bootstrap's variables.less and mixins.less and, for whatever reason, the extra css that this added caused something that IE didn't like.

axd commented 11 years ago

Just for further information:

The problem is IE: http://support.microsoft.com/kb/262161 IE doesn't allow more than 4,095 rules in CSS and also as you mentioned too many @import request are a problem in IE.

And also if you're using RoR there's some workarounds to fix this:

http://bindle.me/blog/index.php/200/splitting-the-asset-destroying-arcane-ie-bugs-on-the-rails-rack

and also the gem:

https://github.com/zweilove/css_splitter

Cheers. Andrés Ortiz