Posted By

resting on 10/18/10

Tagged

ie
drupal

Versions (?)

Last Edited at 10/18/10 07:24pm

Statistics

Viewed 546 times

Favorited by 1 user(s)

Related snippets

Drupal Overcome IE 31 stylesheet limit

/ Published in: PHP

To be placed in template.php preprocess_page function.\\r\\n\\r\\nBreaks stylesheets into 2 style tags with limit of 30 @imports each. IE has a limitation of 31 @imports or 31 style tags. (source: [http://john.albin.net/ie-css-limits/single-style-test.html](http://john.albin.net/ie-css-limits/single-style-test.html))

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<?php
// Consolidate all styles import into 1 style tag. Solves IE 31 style tag limit
  $styles_document = new DOMDocument();
  $styles_document->loadHTML($vars['styles']);
  $style_elements = $styles_document->getElementsByTagName('style');
  $stylesheets = '';
  $stylesheets2 = '';
 
  for ($i=0;$i<$style_elements->length;$i++) {
    $stylesheets .= $style_elements->item($i)->nodeValue . "\n";
    if($i == 30) {break;}
  }
  $styles = '<style type="text/css" media="all">' . $stylesheets . "</style>\n";
 
  for ($i=31;$i<$style_elements->length + 1;$i++) {
    $stylesheets2 .= $style_elements->item($i)->nodeValue . "\n";
    if($i == 60) {break;}
  }
  if($stylesheets2 != '') {
    $styles .= '<style type="text/css" media="all">' . $stylesheets2 . '</style>';
  }
  $vars['styles'] = $styles;
?>