Skip to content
This repository has been archived by the owner on Sep 5, 2023. It is now read-only.

Commit

Permalink
Browse files Browse the repository at this point in the history
Update README
  • Loading branch information
foobear committed Mar 9, 2016
1 parent 57c7caa commit 0f178df
Showing 1 changed file with 22 additions and 11 deletions.
33 changes: 22 additions & 11 deletions README.md
@@ -1,36 +1,47 @@
# Internet Explorer + CSS = ☹

This repository is just to test several CSS issues (true or myths) against Internet Explorer.
This repository is just to test several CSS issues (truths or myths) against Internet Explorer.

It contains some pages that have a text which should render with a green color. On all pages, that text is initially set to a red color and made green by rules further down the stylesheets.

Spoiler alert: Works in all sane browsers but IE breaks.
Spoiler alert: Modern browser are not affected. IE up to version 9 is terrible.

## Issues tested

So far, this allows to "test" the following issues. (It's not like we have automated tests. Fire up IE and click yourself.)
The following isses can be tested. (It's not like we have automated tests. Fire up IE and click yourself.)


### Selector limit

IE will understand only the first 4095 CSS selectors and ignore any from the 4096th on.
More than 4095 CSS selectors can be a problem:

IE8 | IE9 | IE10 | IE11
--------|--------|--------|--------
✘ fail | ✘ fail | ✔ pass | ✔ pass

Tested with IE 8 and 9; both broken.
IE8 and IE9 will understand only the first 4095 CSS selectors and ignore any from the 4096th on.

### Number of CSS files

Only the first 31 CSS files are loaded by Internet Explorer.
More than 31 CSS files can be a problem:

Any files included after these are ignored.
IE8 | IE9 | IE10 | IE11
--------|--------|--------|--------
✘ fail | ✘ fail | ✔ pass | ✔ pass

Tested with IE 8 and 9; both broken.
Only the first 31 CSS files are loaded by IE8 and IE9. Any files included after these are ignored.

### CSS file size

There are some rumors on the interwebs about IE breaking at a file size around roughly 288 kilobytes.

We generate a CSS file of about 500 kb (when built statically).
We generate a CSS file of about 500 kb (when built statically) by using very long class names, but not many rules.

IE8 | IE9 | IE10 | IE11
--------|--------|--------|--------
✔ pass | ✔ pass | ✔ pass | ✔ pass

Tested with IE 8 and 9, none broke. People were probably just hitting the selector limit.
This actually works on all IEs. People were probably just hitting the selector limit around that size mark.

## Getting it running

Expand All @@ -45,4 +56,4 @@ For development:

Building static HTML:

* `middleman build`
* `middleman build`

0 comments on commit 0f178df

Please sign in to comment.