IE CSS Stylesheet Limit Test Suite

  1. using <link> tags test
  2. using stylesheet <link> tags after other <link> tags test
  3. using <style> tags test
  4. using single <style> tag test
  5. using two <style> tags test
  6. using mixed <link> and <style> tags test
  7. using 993 stylesheets in 32 <style> tags test

Internet Explorer has issues loading multiple stylesheets. See http://john.albin.net/css/ie-stylesheets-not-loading for full information.

IE CSS Stylesheet Limit Test #3:
using <style> tags

Stylesheet include method: Each of the 40 stylesheets are included using <style> tags with @import url();.

Source code: <style type="text/css" title="text/css" media="all">@import url(styles/first-stylesheet.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0002.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0003.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0004.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0005.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0006.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0007.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0008.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0009.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0010.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0011.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0012.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0013.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0014.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0015.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0016.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0017.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0018.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0019.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0020.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0021.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0022.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0023.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0024.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0025.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0026.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0027.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0028.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0029.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0030.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0031.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0032.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0033.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0034.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0035.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0036.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0037.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0038.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0039.css);</style>
<style type="text/css" title="text/css" media="all">@import url(styles/style-0040.css);</style>

Observed Results

browser results notes
Firefox 2.0–3.5: PASS
Safari 2.0–4.0: PASS
Internet Explorer 6: FAIL Failure on stylesheet #32–40
Internet Explorer 7: FAIL Failure on stylesheet #32–40
Internet Explorer 8: FAIL Failure on stylesheet #32–40

Tests

Tests
test # result
Stylesheet #1: PASSFAIL
Stylesheet #2: PASSFAIL
Stylesheet #3: PASSFAIL
Stylesheet #4: PASSFAIL
Stylesheet #5: PASSFAIL
Stylesheet #6: PASSFAIL
Stylesheet #7: PASSFAIL
Stylesheet #8: PASSFAIL
Stylesheet #9: PASSFAIL
Stylesheet #10: PASSFAIL
Tests (cont.)
test # result
Stylesheet #11: PASSFAIL
Stylesheet #12: PASSFAIL
Stylesheet #13: PASSFAIL
Stylesheet #14: PASSFAIL
Stylesheet #15: PASSFAIL
Stylesheet #16: PASSFAIL
Stylesheet #17: PASSFAIL
Stylesheet #18: PASSFAIL
Stylesheet #19: PASSFAIL
Stylesheet #20: PASSFAIL
Tests (cont.)
test # result
Stylesheet #21: PASSFAIL
Stylesheet #22: PASSFAIL
Stylesheet #23: PASSFAIL
Stylesheet #24: PASSFAIL
Stylesheet #25: PASSFAIL
Stylesheet #26: PASSFAIL
Stylesheet #27: PASSFAIL
Stylesheet #28: PASSFAIL
Stylesheet #29: PASSFAIL
Stylesheet #30: PASSFAIL
Tests (cont.)
test # result
Stylesheet #31: PASSFAIL
Stylesheet #32: PASSFAIL
Stylesheet #33: PASSFAIL
Stylesheet #34: PASSFAIL
Stylesheet #35: PASSFAIL
Stylesheet #36: PASSFAIL
Stylesheet #37: PASSFAIL
Stylesheet #38: PASSFAIL
Stylesheet #39: PASSFAIL
Stylesheet #40: PASSFAIL

© 2010 John Albin Wilkins. All rights reserved.