Jump to content

I have BIG problem on IE :'(


Recommended Posts

Hello there,
Sorry, I thought it was quite visible when comparing Firefox and Internet Explorer ...

First problem:

block the top menu there is no picture of the fact that the CSS does not load when Smarty compresses CSS.

Yotpo create a big problem in the Footer, I think it's also the problem that CSS does not load when smarty works.

Well, thank you for your help.

 

link : http://www.eliquide-import.eu

 

Image firefox :

http://puu.sh/arZWf/14348fe59e.png

 

 

Image IE

http://puu.sh/arZXy/b90eee583d.png

Link to comment
Share on other sites

  • 2 months later...

Hello there,

Sorry, I thought it was quite visible when comparing Firefox and Internet Explorer ...

 

First problem:

 

block the top menu there is no picture of the fact that the CSS does not load when Smarty compresses CSS.

 

Yotpo create a big problem in the Footer, I think it's also the problem that CSS does not load when smarty works.

 

Well, thank you for your help.

 

link : http://www.eliquide-import.eu

 

Image firefox :

http://puu.sh/arZWf/14348fe59e.png

 

 

Image IE

http://puu.sh/arZXy/b90eee583d.png

 

Hi Bladinium,

 

I have the same problems you had with iExplorer (CSS does not load when Smarty compresses CSS), but I was testing with IETester program and I can see you have solved these.

 

You can see my web here and my problem is with the top menu (similar to your problem as I see in your image).

 

I'm using the 1.6.0.9 version, but I tested with the 1.6.0.8 version with similar result.

 

Please, could you say me how you solved this?

 

Thanks in advance for your help and your time.

 

Goyo.

Link to comment
Share on other sites

hello,

I create a 2 CSS for IE and one for everyone else!

Internet explorer is very annoying it does not follow the standards of other browsers so it does not recognize certain variable CSS ... plus it limits the number of css file to load which is 31 if I said no stupidity.

You must therefore global.css said the new IE in the header (there is a slot for CSS IE)

Then you have to work your CSS for your site to appear properly in Internet Explorer :(

 

on my header.tpl on theme i have added "GlobalIE.css" :

![endif]-->
<!--[if IE]>
  <link rel="stylesheet" type="text/css" href="{$css_dir}modules/blocktopmenu/css/blocktopmenu.css" />
    <link rel="stylesheet" type="text/css" href="{$css_dir}modules/blocktopmenu/css/superfish-modified.css" />
<link rel="stylesheet" type="text/css" href="modules/tmhomeslider/css/tmhomeslider.css" />
    <link rel="stylesheet" type="text/css" href="{$css_dir}modules/blockpermanentlinks/blockpermanentlinks.css" />
	    <link rel="stylesheet" type="text/css" href="{$css_dir}globalIE.css" />
		<link rel="stylesheet" type="text/css" href="modules/tmcmsblock/css/tmstyle.css" />
		<link rel="stylesheet" type="text/css" href="modules/tmfeatureproducts/css/tmfeatureproducts.css" />
		<link rel="stylesheet" type="text/css" href="modules/tmnewproducts/tmnewproducts.css" />
	    <link rel="stylesheet" type="text/css" href="{$css_dir}product.css" />	
<link rel="stylesheet" type="text/css" href="{$css_dir}stores.css" />	
    <link rel="stylesheet" type="text/css" href="{$css_dir}modules/blockuserinfo/blockuserinfo.css" />
	<link rel="stylesheet" type="text/css" href="{$css_dir}modules/blocksearch/blocksearch.css" />
		<link rel="stylesheet" type="text/css" href="{$css_dir}modules/favoriteproducts/favoriteproducts.css" />
		
<![endif]-->
Edited by Bladinium (see edit history)
Link to comment
Share on other sites

  • 3 weeks later...

 

hello,

 

I create a 2 CSS for IE and one for everyone else!

 

Internet explorer is very annoying it does not follow the standards of other browsers so it does not recognize certain variable CSS ... plus it limits the number of css file to load which is 31 if I said no stupidity.

 

You must therefore global.css said the new IE in the header (there is a slot for CSS IE)

 

Then you have to work your CSS for your site to appear properly in Internet Explorer :(

 

on my header.tpl on theme i have added "GlobalIE.css" :

![endif]-->
<!--[if IE]>
  <link rel="stylesheet" type="text/css" href="{$css_dir}modules/blocktopmenu/css/blocktopmenu.css" />
    <link rel="stylesheet" type="text/css" href="{$css_dir}modules/blocktopmenu/css/superfish-modified.css" />
<link rel="stylesheet" type="text/css" href="modules/tmhomeslider/css/tmhomeslider.css" />
    <link rel="stylesheet" type="text/css" href="{$css_dir}modules/blockpermanentlinks/blockpermanentlinks.css" />
	    <link rel="stylesheet" type="text/css" href="{$css_dir}globalIE.css" />
		<link rel="stylesheet" type="text/css" href="modules/tmcmsblock/css/tmstyle.css" />
		<link rel="stylesheet" type="text/css" href="modules/tmfeatureproducts/css/tmfeatureproducts.css" />
		<link rel="stylesheet" type="text/css" href="modules/tmnewproducts/tmnewproducts.css" />
	    <link rel="stylesheet" type="text/css" href="{$css_dir}product.css" />	
<link rel="stylesheet" type="text/css" href="{$css_dir}stores.css" />	
    <link rel="stylesheet" type="text/css" href="{$css_dir}modules/blockuserinfo/blockuserinfo.css" />
	<link rel="stylesheet" type="text/css" href="{$css_dir}modules/blocksearch/blocksearch.css" />
		<link rel="stylesheet" type="text/css" href="{$css_dir}modules/favoriteproducts/favoriteproducts.css" />
		
<![endif]-->

 

Hi Bladinium,

first of all, thanks for your reply. I couldn't answer before because I had health problems and I had to visit the hospital some days.

I see your code but I have some questions:

-the position or line to insert the code in header.tpl file, is indifferent?

-I'm using the default theme and this code isn't included, It's necessary to insert the links to style sheet of all the modules or only the link to globalIE.css file?

Thanks in advance for your help.

Goyo.

Link to comment
Share on other sites

Hello
 
On your header.tpl
 
Search :
{$HOOK_HEADER}

<!--[if IE 8]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->


Replace with
{$HOOK_HEADER}

<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="{$css_dir}globalIE.css" />
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->


"{$css_dir}"
Try with the full url http://www.yoursite.com/gobalIE.css



I 'm not 100% it will probably make tests

Edited by Bladinium (see edit history)
Link to comment
Share on other sites

×
×
  • Create New...