• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
  • Campbell Ritchie
  • Liutauras Vilda
  • Junilu Lacar
  • Jeanne Boyarsky
  • Bear Bibeault
  • Knute Snortum
  • Tim Cooke
  • Devaka Cooray
Saloon Keepers:
  • Ron McLeod
  • Stephan van Hulst
  • Tim Moores
  • Tim Holloway
  • Carey Brown
  • Piet Souris
  • Frits Walraven
  • Ganesh Patekar

IE browsers compatibility issue

Posts: 19
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
We have one web application which is hosted on WPS (webshere portlet server). We have two folder in our application, named as ie & css. (both these folders contain css files for IE and non IE browsers separately)

CSS file location for non IE browser: --\theme\egmk\css\ CSS file location for IE browser: --\egmk\ie\css\

When we access our portal using IE7 browser it picks up all the css files from “\egmk-\ie\css” folder but for IE8 it is picking from “egmk\css” folder which is causing big alignment and look & feel issue in IE8 browser. We are not able to identify the root cause for the issue with IE8 browser.

Below are the CCS files defined under tag of Head.jsp file from where all the css is geting loaded. This is an exsisting file which is working fine for IE 7 & less.

--%><meta http-equiv="Expires" content="0"><%--
--%><meta http-equiv="Cache-control" content="no-cache"><%--
--%><meta http-equiv="Pragma" content="no-cache"><%--
--%><script type="text/javascript">history.go(1);</script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/jquery-1.3.2.min.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/jquery.autocomplete.min.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/cufon.js"/>'></script><%--
--%><style type="text/css">.cufon-canvas{text-indent:0!important;}@media screen,projection{.cufon-canvas{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}.cufon-canvas .cufon-alt{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;}.cufon-canvas canvas{position:relative!important;}}@media print{.cufon-canvas{padding:0!important;}.cufon-canvas canvas{display:none!important;}.cufon-canvas .cufon-alt{display:inline!important;}}</style><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/Helvetica_Neue_LT_Std_Condensed_400.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/behaviors.js"/>'></script><%--

<meta http-equiv="Refresh" content="600;URL=/wps/myportal">
--%><title><portal-fmt:text key="portal.title" bundle="nls.egmk-abn" /></title> <%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/menu.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/menufixer.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/compat.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/compatcalendar.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/calendar.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/calendar_new.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="print" href='<wps:urlFindInTheme file="css/print.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/overlib.css"/>'><%--
--%><link rel="stylesheet" type="text/css" href='<wps:urlFindInTheme file="css/jquery.autocomplete.css"/>'/><%--
--%><!--[if IE 7]><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/ie7.css"/>'><![endif]--><%--
--%><![if ! IE 7]><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/notie7.css"/>'><![endif]><%--
--%><!--[if IE 6]><script type="text/javascript" src='<wps:urlFindInTheme file="js/jquery.bgiframe.js"/>'></script><![endif]--><%--
--%><!--[if IE 6]><script type="text/javascript" src='<wps:urlFindInTheme file="js/ie6.js"/>'></script><![endif]--><%--
--%><style type="text/css">
/* add hover pseudoclass to elements */
* html body {
behavior: url('<wps:urlFindInTheme file="js/csshover3.htc"/>')
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/portletBarIcons.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/menu.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/menu-popup.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/preload.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFind file="calendar/js/calendar.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFind file="calendar/js/calendar-en.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFind file="calendar/js/calendar-setup.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFind file="calendar/js/calendar_new.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFind file="calendar/js/calendar-setup_new.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFind file="calendar/js/calendar-en_new.js"/>'></script><%--
--%><!--[if lte IE 7]><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/ie.css"/>'><![endif]--><%--

Could you guys please help .
Thanks in advance
Posts: 297
Android Firefox Browser Fedora
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
You have conditional comments which check for IE7 and IE6, but none which deal with IE8:

The end result of these is that IE6, 8 and 9 will get the notie7.css file, while IE7 will get ie7.css (and IE10 and 11 will ignore all of the conditional comments unless you trigger compatibility mode). If you want to treat IE8 specially, as you're doing for IE7 and IE6, then you'll need to include IE8 in the condition. As a quick fix you could try something like this:

Then IE8 will also get the ie7.css file while IE6 will still get the notie7.css file. IE9 will get neither of the files, IE10 and 11 will ignore the conditional comments as before.
For my next feat, I will require a volunteer from the audience! Perhaps this tiny ad?
Building a Better World in your Backyard by Paul Wheaton and Shawn Klassen-Koop
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!