Note that there are some explanatory texts on larger screens.

plurals
  1. POInternet explorer and joomla site
    primarykey
    data
    text
    <p>Hi I have a joomla site that is working perfectly in all browsers except IE. </p> <p><a href="http://www.creativeinfusion.com.au" rel="nofollow">www.creativeinfusion.com.au</a></p> <p>When I view it in IE a lot of the CSS doesn't seem to be recognised. When I use the developer tool to view the html and css, there is a lot of different code compared to other browsers. For example there are a heap of extra <code>div</code> IDs called <code>slick-unique</code>. These are not visible in other browsers. I am wondering if there is a plugin that is creating these ID for IE. I havn't been able to find it though</p> <p>Even the HTML structure looks different. There are <code>divs</code> called <code>rt-hidden</code> in IE but not in other browsers. I have a IE only style sheet and I have been trying to override or fix the positioning but nothing I do changes the site.</p> <p>There is also this code attached to the divs in IE</p> <pre><code>function(b,g){var h=Element.Constructors[b];if(h){return h(g);}if(typeof b!="string"){return document.id(b).set(g);}if(!g){g={};}if(!(/^[\w-]+$/).test(b)){var e=Slick.parse(b).expressions[0][0]; b=(e.tag=="*")?"div":e.tag;if(e.id&amp;&amp;g.id==null){g.id=e.id;}var d=e.attributes;if(d){for(var a,f=0,c=d.length;f&lt;c;f++){a=d[f];if(g[a.key]!=null){continue; }if(a.value!=null&amp;&amp;a.operator=="="){g[a.key]=a.value;}else{if(!a.value&amp;&amp;!a.operator){g[a.key]=true;}}}}if(e.classList&amp;&amp;g["class"]==null){g["class"]=e.classList.join(" "); }}return document.newElement(b,g);} </code></pre> <p>Any ideas?</p> <p>I have narrowed it down to this bit of code in the <strong>index.php</strong> of the template:</p> <pre><code>&lt;?php $browser = $gantry-&gt;browser; $gantry-&gt;displayHead(); $gantry-&gt;addStyles(array('template.css','joomla.css','overlays.css')); if ($gantry-&gt;get('fixedheader') &amp;&amp; $gantry-&gt;get('menu-type') != 'splicemenu') $gantry-&gt;addScript('rt-fixedheader.js'); if ($browser-&gt;platform != 'iphone') $gantry-&gt;addInlineScript('window.addEvent("domready", function(){ new SmoothScroll(); });'); // if ($gantry-&gt;get('loadtransition') &amp;&amp; isBrowserCapable()){ // $gantry-&gt;addScript('load-transition.js'); // $hidden = ' class="rt-hidden"'; // } else { // $hidden = ''; // } ?&gt; </code></pre> <p>If I delete that code and refresh the page, the page loads, no css obviously. Then if I put the above code back in and refresh the page, the page works fine, even when I refresh this page. But if i try to visit another page, it goes back to having all of the extra divs, and that function code above, even after dumping the cache and refreshing. So it seems there is some sort of cache happening with the javascript.</p> <p>Also tried turning off all plugins but that didn't work.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload