Joomla Templates Club 406,261 posts

[activha Friend activhaJoin date: July 2012Posts: 114Downloads:17Uploads:6 Thanks: 5 Thanked: 1 times in 1 posts]

#183652

Well due to IE 9 31 stylesheets limits and the number of css stylesheets loaded by JA Wall, I have some problems with extensions using a large number of css such as Community Builder

IE 9 simply will not load all and all is destroyed !

Could you help me write some simple code in index.php for IE < 9 only in order to combine all JA Wall stylesheets into one by using @import or something similar ?

IE is the only browser with this f### problem and IE 10 solved it so I would like it to address IE < 9 only

Thanks for the help

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#478518

Hi activha,

I am sorry but your request will take too much time to do it.
You should consider to hire a developer to help you.

You can extend JA Wall for a compress CSS options with a plugin.

Here some technical about compress CSS and JS.
http://extensions.joomla.org/extensions/core-enhancements/performance/site-performance/10796
http://extensions.joomla.org/extensions/core-enhancements/performance/site-performance/7183

Hope it helps.

Regards

[activha Friend activhaJoin date: July 2012Posts: 114Downloads:17Uploads:6 Thanks: 5 Thanked: 1 times in 1 posts]

#478968

Well I found a very simple solution for IE 9 css limit problem which is replacement of template stylesheets calling by :

<!– TEMPLATE STYLESHEETS –>
<style type=”text/css” media=”all”>
@import url(“<?php echo $this->baseurl ?>/templates/system/css/system.css”);
@import url(“<?php echo $tplcsspath ?>/reset.css”);
@import url(“<?php echo $tplcsspath ?>/layout.css”);
@import url(“<?php echo $tplcsspath ?>/core.css”);
@import url(“<?php echo $tplcsspath ?>/navigation.css”);
@import url(“<?php echo $tplcsspath ?>/joomla.css”);
@import url(“<?php echo $tplcsspath ?>/modules.css”);
@import url(“<?php echo $tplcsspath ?>/template.css”);
@import url(“<?php echo $tplcsspath ?>/k2.css”);
</style>
<link rel=”stylesheet” type=”text/css” href=”<?php echo $tplcsspath ?>/print.css” media=”print” />
<!– //TEMPLATE STYLESHEETS –>

Can you tell me if it can brings other problems or not ?

If not I suggest this change…

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#479350

Hi activha,

Yes, you can use this way.
Or using this script
http://kenneth.kufluk.com/blog/2010/09/loading-more-than-32-stylesheets-in-ie-for-development/
It is just the same as your solution.

Regards

[Author]

Posts