Joomla Templates Club 406,261 posts

[stevegoodall Friend stevegoodallJoin date: October 2010Posts: 25Downloads:0Uploads:0 Thanks: 5]

#166248

I am having difficulties in implementing an IE6 stylesheet for the template called ‘Methys’. I have added a conditional statement from within the ‘head.php’ file of the JAT3 plugin, directly before the IE7 conditional statement that was already there. The following is the entire contents of the HEAD area.


<script type="text/javascript">
var siteurl='/clientfolder/project/';
var tmplurl='/clientfolder/project/templates/ja_methys/';
var isRTL = false;
</script>

<base href="http://localhost/clientfolder/project/" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="rights" content="" />
<meta name="language" content="en-GB" />
<meta name="title" content="" />
<meta name="author" content="" />
<meta name="description" content="" />
<meta name="generator" content="Joomla! 1.6 - Open Source Content Management" />
<title>Home</title>
<link href="/clientfolder/project/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/clientfolder/project/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link rel="stylesheet" href="/clientfolder/project/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/components/com_jacomment/themes/light/css/style.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/modules/mod_jatwitter/assets/style.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/modules/mod_jaclatest_comments/assets/mod_jaclatest_comments.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/components/com_jacomment/asset/css/ja.popup.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/components/com_jacomment/asset/css/ja.comment.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/components/com_jacomment/asset/css/ja.ie.php" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/components/com_jacomment/themes/default/css/style.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/modules/mod_jaslideshow/assets/themes/default/style.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/modules/mod_jaslideshow/assets/themes/community/mod_jaslideshow.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/modules/mod_janewsticker/assets/style.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/plugins/system/jat3/jat3/base-themes/default/css/typo.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/plugins/system/jat3/jat3/base-themes/default/css/addons.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/plugins/system/jat3/jat3/base-themes/default/css/layout.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/plugins/system/jat3/jat3/base-themes/default/css/template.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/plugins/system/jat3/jat3/base-themes/default/css/usertools.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/plugins/system/jat3/jat3/base-themes/default/css/css3.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/plugins/system/jat3/jat3/base-themes/default/css/menu/mega.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/templates/ja_methys/css/typo.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/templates/ja_methys/css/layout.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/templates/ja_methys/css/template.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/templates/ja_methys/css/css3.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/templates/ja_methys/css/menu/mega.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/templates/ja_methys/css/mod_jacontentslider.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/templates/ja_methys/css/mod_jatwitter.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/templates/ja_methys/css/mod_jaclatest_comments.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/templates/ja_methys/css/ja.comment.custom.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/templates/ja_methys/css/mod_jaslideshow.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/templates/ja_methys/css/mod_janewsticker.css" type="text/css" />
<link rel="stylesheet" href="/clientfolder/project/plugins/system/jat3/jat3/base-themes/default/css/template-ie.css" type="text/css" />
<style type="text/css">
div#poll_loading_2 {
background: url(media/system/images/mootree_loader.gif) 0% 50% no-repeat;
width:100%;
height:20px;
padding: 4px 0 0 20px;
}

</style>
<script src="/clientfolder/project/media/system/js/core.js" type="text/javascript"></script>
<script src="/clientfolder/project/media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="/clientfolder/project/media/system/js/mootools-more.js" type="text/javascript"></script>
<script src="/clientfolder/project/plugins/system/jat3/jat3/base-themes/default/js/core.js" type="text/javascript"></script>
<script src="/clientfolder/project/templates/ja_methys/js/ja.more.js" type="text/javascript"></script>
<script src="/clientfolder/project/plugins/system/jat3/jat3/base-themes/default/js/menu/mega.js" type="text/javascript"></script>
<script src="/clientfolder/project/media/system/js/caption.js" type="text/javascript"></script>
<script src="http://localhost/clientfolder/project/modules/mod_jacontentslider/assets/js/ja_contentslider.js" type="text/javascript"></script>
<script src="/clientfolder/project/modules/mod_jaslideshow/assets/script.js" type="text/javascript"></script>
<script src="/clientfolder/project/modules/mod_janewsticker/assets/script.js" type="text/javascript"></script>

<link href="/clientfolder/project/templates/ja_methys/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />

<!-->
<link rel="stylesheet" href="/clientfolder/project/templates/ja_methys/css/template_ie6.css" type="text/css" />
<!-->

<!-->
<style>
.clearfix { display: inline-block; } /* IE7xhtml*/
</style>
<!-->

<style type="text/css">
/*dynamic css*/

body.bd .main {width: 960px;}
body.bd #ja-wrapper {min-width: 960px;}
</style>
<script src="http://localhost/clientfolder/project/plugins/system/japopup/fancybox/js/jquery-1.3.2.min.js" type="text/javascript" ></script>
<script src="http://localhost/clientfolder/project/plugins/system/japopup/fancybox/js/jquery.easing.1.3.js" type="text/javascript" ></script>
<script src="http://localhost/clientfolder/project/plugins/system/japopup/fancybox/js/jquery.fancybox-1.2.1.js" type="text/javascript" ></script>
<link href="http://localhost/clientfolder/project/plugins/system/japopup/fancybox/css/jquery.fancybox.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" >if (jQuery) jQuery.noConflict();</script>
<link href="http://localhost/clientfolder/project/plugins/system/jatabs/jatabs/ja.tabs.css" type="text/css" rel="stylesheet" />
<script src="http://localhost/clientfolder/project/plugins/system/jatabs/jatabs/ja.tabs.js" type="text/javascript" ></script>
<link href="http://localhost/clientfolder/project/plugins/system/jatabs/jatabs/themes/methys/style.css" type="text/css" rel="stylesheet" />
<link href="/clientfolder/project/modules/mod_jabulletin/assets/style.css" type="text/css" rel="stylesheet" />
<link href="/clientfolder/project/templates/ja_methys/css/mod_jabulletin.css" type="text/css" rel="stylesheet" />


Now my IE6 specific CSS stylesheet contains the following and this works in all other browsers when including this stylesheet without the IE6 conditional statement:


body#bd {
background: none repeat scroll 0 0 #F00 !important;
color: #666666;
margin: 10px;
padding: 10px;
}


…as you can see I am simply changing the background colour of the BODY element to red.

I cannot for the life of me get this to do the same in IE6 with or without the conditional statement.

There is a lot going on in this site and there are further CSS files included after my IE6 conditional statement; however these are for modules and plugins and not for the template itself.

Now, I’ve been working as a web developer for over 10 years and every now and again we come across some strange behaviour; however sometimes we just cant see the wood for the trees. So, if some of you kind folk can take a peak and let me know if I’m missing something you sure would be helping my sanity!

Best regards,
Kris (on behalf of Steve)

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#401401

Hi Kris,

As I understand you want a red background for the body in all browsers, so I am not sure why you are specifying styling separately for the IE6. Please tell me if I am wrong. Also can you please provide your site url here and explain the issue again if I have misinterpreted it? Then it will be easier to help you.

[stevegoodall Friend stevegoodallJoin date: October 2010Posts: 25Downloads:0Uploads:0 Thanks: 5]

#401411

Hi Himangi

The red background was just a test to try and get an ie6 stylesheet to work. The problem we have is that the template is ignoring the ie6 stylesheet completely and we need some help finding out why this is happening, and what we need to change to ensure the ie6 stylesheet works on on ie6 browsers.

I’ve PMed you the url and login details.
Thanks

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#401623

Hi,

I tried using IE6 specific stylesheet and it worked fine at my local server. So I think either your css path is wrong or css name is wrong.

I have used the following syntax.
<!–>
<link rel=”stylesheet” href=”/templates/ja_methys/css/template-ie6.css” type=”text/css” />
<!–>

Another thing is you have mentioned you made changes in head.php file in JAT3 plugin. Please dont change any files directly in the plugin, since your changes will be lost when you upgrade the plugin. Instead you can use template override.
So to override head.php, you should copy head.php file from plugins/system/jat3/jat3/base-themes/default/blocks and paste it in templates/your _JAT3_template/blocks and make changes in this file.

[stevegoodall Friend stevegoodallJoin date: October 2010Posts: 25Downloads:0Uploads:0 Thanks: 5]

#401624

I cant help but think that the JAT3 framework is at play somewhere here.

Using IE Tester and the debug bar, I cant see the IE6 stylesheet being picked up at all!

I even added a new class name to the outer DIV with a completely unique name and implemented a custom style sheet specifically for this – without conditional statements (just to test my sanity). It worked on firefox fine but no IE6/7/9!

Completely puzzled!!!

This is rather urgent now as we hadnt predicted needing to jump through hoops to perform a simple task like adding a custom IE6 CSS conditional style sheet!

Please advise ASAP.

Kris (on behalf of Steve)

[stevegoodall Friend stevegoodallJoin date: October 2010Posts: 25Downloads:0Uploads:0 Thanks: 5]

#401626

Hi Himangi, our posts crossed.

I’m going to roll back and try as you mentioned; although we I’m sure we had tried this, I’ll try again as a sanity check.

Regards…

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#401627

If it doesnt work for you as I have mentioned, please provide your ftp access and admin access at http://support.joomlart.com/index.php?/Tickets/Ticket/View/76551 and I will take a look..

[stevegoodall Friend stevegoodallJoin date: October 2010Posts: 25Downloads:0Uploads:0 Thanks: 5]

#401628

<em>@himangi 253773 wrote:</em><blockquote>If it doesnt work for you as I have mentioned, please provide your ftp access and admin access at http://support.joomlart.com/index.php?/Tickets/Ticket/View/76551 and I will take a look..</blockquote>

Could you specifiy the exact path I need to place the ‘default/blocks/head.php’ file inside my template folder in order to override it?

Regards…

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#401634

Hi,

the head.php should be copied to templates/your _JAT3_template/blocks folder to override the original head.php in plugin…

[stevegoodall Friend stevegoodallJoin date: October 2010Posts: 25Downloads:0Uploads:0 Thanks: 5]

#401636

OK, I have tried as you suggested but no joy. I’ll send you details of our staging server for you to check what I have done.

Regards
Kris…

[stevegoodall Friend stevegoodallJoin date: October 2010Posts: 25Downloads:0Uploads:0 Thanks: 5]

#401650

Hi Himangi,

Could you confirm you are looking into this and have been able to access our staging server with the FTP details I sent you please?

Best regards,
Kris…

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#401652

yes I could login but havent been able find the issue.. I am working on it and will get back to you asap.

P.S. I tried using Ie6 css but for some reason the css is not applied to the browser.. The syntax you have put in the file is same as I have used, so that should work but it’s not. I will see if anyone else can help with this..

[stevegoodall Friend stevegoodallJoin date: October 2010Posts: 25Downloads:0Uploads:0 Thanks: 5]

#401684

I’ve just noticed that if I unpublish JA Comments module that the IE6 issue appears to be fixed.

Also, it fixes issues with the JS Tabs module also (also IE6 specific)!

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#401752

Hi guys,

IE6’s era is too long over, the more you try to support it, the more troubles you will get. Help the world by visiting http://www.ie6countdown.com/

Don

1 user says Thank You to Don Lee for this useful post

1. himangi

[stevegoodall Friend stevegoodallJoin date: October 2010Posts: 25Downloads:0Uploads:0 Thanks: 5]

#401822

I’d love to banish IE6 forever, but unfortunately, 48% of my site’s users use it, and there are no plans to update their browsers for the considerable future. Unfortunately, when it comes to a lot of large organisations, users don’t have the freedom to choose their browsers and have to have any changes implemented centrally, which often takes far too long.

[Author]

Posts