How to add Internet Explorer (IE) CSS?

**Develop&Promote** · 15 Jul 2010, 05:05 PM

Hi ,

I have been trying to add Ie css tags to the (template)/common/html_header.php but Its not working.
I have been placing the code as follows..

PHP Code:


<?php
/**
 * Common Template
 *
 * outputs the html header. i,e, everything that comes before the \</head\> tag <br />
 * 
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: html_header.php 6948 2007-09-02 23:30:49Z drbyte $
 */
/**
 * load the module for generating page meta-tags
 */
require(DIR_WS_MODULES . zen_get_module_directory('meta_tags.php'));
/**
 * output main page HEAD tag and related headers/meta-tags, etc
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php echo HTML_PARAMS; ?>>
<head>
<title><?php echo META_TAG_TITLE; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>" />
<meta name="keywords" content="<?php echo META_TAG_KEYWORDS; ?>" />
<meta name="description" content="<?php echo META_TAG_DESCRIPTION; ?>" />
<meta http-equiv="imagetoolbar" content="no" />
<?php if (defined('ROBOTS_PAGES_TO_SKIP') && in_array($current_page_base,explode(",",constant('ROBOTS_PAGES_TO_SKIP'))) || $current_page_base=='down_for_maintenance' || $robotsNoIndex === true) { ?>
<meta name="robots" content="noindex, nofollow" />
<?php } ?>
<?php if (defined('FAVICON')) { ?>
<link rel="icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<link rel="shortcut icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<?php } //endif FAVICON ?>

<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER . DIR_WS_HTTPS_CATALOG : HTTP_SERVER . DIR_WS_CATALOG ); ?>" />


<?php
    require_once(DIR_WS_CLASSES . 'class.cj_loader.php');
    $ri_cj_loader = new RICJLoader();
    list($css_files_to_load, $jscript_files_to_load) = $ri_cj_loader->loadCssJsFiles();
  $files = $ri_cj_loader->processCssJsFiles($css_files_to_load, $jscript_files_to_load);
  foreach($files['css'] as $file)
      if($file['include']) include($file['string']);
      else echo $file['string'];
      
  foreach($files['js'] as $file)
      if($file['include']) include($file['string']);
      else echo $file['string'];
  
//DEBUG: echo '<!-- I SEE cat: ' . $current_category_id . ' || vs cpath: ' . $cPath . ' || page: ' . $current_page . ' || template: ' . $current_template . ' || main = ' . ($this_is_home_page ? 'YES' : 'NO') . ' -->';
?>
<!--[if lt IE 8]>
    <link rel="stylesheet" href="includes/templates/vanilla/css/ie7-and-down.css" type="text/css" /> 
<![endif]-->
<!--[if lt IE 7]>
    <link rel="stylesheet" href="includes/templates/vanilla/css/ie7-and-down.css" type="text/css" /> 
<![endif]-->
<!--[if lt IE 6]>
    <link rel="stylesheet" href="includes/templates/vanilla/css/ie7-and-down.css" type="text/css" /> 
<![endif]-->
</head>

is this the right way.

Please can someone help... I have been trying for ages to sort out my IE 6, 7 and 8 issues.

Thanks in advance.

**stevesh** · 15 Jul 2010, 05:31 PM

I install this:

http://www.zen-cart.com/index.php?ma...roducts_id=493

then just name the stylesheets as described in the How To Use file.

**Develop&Promote** · 16 Jul 2010, 08:50 AM

Absolutely Brilliant...Thankyou very much...

Sorry.... but do you know how I could target google chrome/safari browsers?

Thanks again...

**stevesh** · 16 Jul 2010, 10:16 AM

Sorry, I don't. Googling the question suggests that it's more difficult with Safari and Chrome, with most solutions involving Javascript.

Personally, I've never had rendering differences among IE8, Firefox, Safari and Chrome that I couldn't fix by tweaking the design a little.