Jump to content

Problem with the css and internet explorer 6

retrospecter
 Share

Recommended Posts

retrospecter Newbie

retrospecter

Posted
Posted

Hi everyone,

Could you be so kind to help me with a problem with the css and internet explorer 6 ??.

My shop is perfect under Firefox, Safari, Opera and even Internet explorer 7, but in the Internet Explorer 6 it get decentered in every place.  My css has lot of modifications to have a personalized theme, very different from the standard css of prestashop. I have prepared another modified css ready to be used on Internet Explorer 6, and now I need to apply a hack, in order to recognize the browser. So if the browser is firefox, safari, opera o internet explorer 7, global.css is loaded, and if internet explorer 6 is the browser the ie6_global.css is loaded.

Under Html I add index.html in the head
<!--[if IE 6]> <link href="ie6_global.css" rel="stylesheet" type="text/css"> but here in prestashop I do not know how to do this, Which is th file I have to add in the code? Is this same file or it  has to be another different file?

The website is the following: http://retrospecter.es/shop/

Many thanks for your great help,

Link to comment
Share on other sites
retrospecter Newbie

retrospecter

Posted
  • Author
Posted

Hello shake.
I tried with this but don't work:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">
   <head>
       <base href="{$protocol}{$smarty.server.HTTP_HOST|escape:'htmlall':'UTF-8'}{$base_dir}" />
       <title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description)}
       <meta name="description" content="{$meta_description|escape:htmlall:'UTF-8'}" />
{/if}
{if isset($meta_keywords)}
       <meta name="keywords" content="{$meta_keywords|escape:htmlall:'UTF-8'}" />
{/if}
       <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
       <meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
       <link rel="shortcut icon" href="{$img_dir}favicon.ico" />
{if isset($css_files)} 

   {foreach from=$css_files key=css_uri item=media}        
       <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
       <!--[if lte IE 6]> <link href="/themes/retro/css/ie6_only.css" rel="stylesheet" type="text/css">         {/foreach}  


{/if}


           //global JS variable
           var baseDir = '{$base_dir}';
           var static_token = '{$static_token}';
           var token = '{$token}';



{if isset($js_files)}
   {foreach from=$js_files item=js_uri}

   {/foreach}
{/if}
       {$HOOK_HEADER}
   </head>

   <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>


           <!-- Header -->



                   {$HOOK_TOP}



           <!-- Left -->

               {$HOOK_LEFT_COLUMN}


           <!-- Center -->
Link to comment
Share on other sites
shake Newbie

shake

Posted
Posted

try it after the closing if statement :

{/if}
       <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
       <meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
       <link rel="shortcut icon" href="{$img_dir}favicon.ico" />
{if isset($css_files)} 

   {foreach from=$css_files key=css_uri item=media}        
       <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
       {/foreach}  


{/if}
<!--[if lte IE 6]> <link href="/themes/retro/css/ie6_only.css" rel="stylesheet" type="text/css">

Link to comment
Share on other sites
shake Newbie

shake

Posted
Posted

just seen your site, in your case it would be :

<!--[if lte IE 6]> <link href="/shop/themes/retro/css/ie6_only.css" rel="stylesheet" type="text/css">
so you probably dont have to change it from my previous post, just add /shop to the css location

Link to comment
Share on other sites
ejectcore Newbie

ejectcore

Posted
Posted

shake solution was actually correct but you probably copied directly from his last post
the issue was infact with the speach marks
this doesn't work ”
this one does "

it seems to now take notice of ie6_global.css ;-)

although where did you get ie6_global.css from ???
personelly I would of just created a few hacks within global.css
not sure the products are displaying correctly but the banner is fixed.
let me know if they display your end ;-) 

<!--[if lte IE 6]> <link href="/shop/themes/retro/css/ie6_global.css" rel="stylesheet" type="text/css">

Link to comment
Share on other sites
retrospecter Newbie

retrospecter

Posted
  • Author
Posted

I duplicated global.css and modique to be fitting for IE6, not yet is finished. Single I modified a part.
It did not know like making load ie6_global.css. The greater problem
of misalignment is in "featured products module".
baner of head now I see it correct therefore it will remain finally.

Link to comment
Share on other sites
ejectcore Newbie

ejectcore

Posted
Posted

I will look into the css in ie6_global.css later on tonight & fix this issue for you.
going down the route of IE6 hacks in a seperate style sheet will cause problems

The hacks can easly be done within global.css.
I will let you know when complete ;-)

Link to comment
Share on other sites
 Share
Go to topic listing
×
×
  • Create New...