#1183 knownissue
Peter

Browser Compatibility - IE6

Reported by Peter | July 16th, 2014 @ 01:40 PM

One of my testers has reported an issue using IE6 or Firefox 3. The top menu only shows the first, left hand menu item, without text or correct colours from CSS. If you mouse along the menu bar each menu item appears in turn, without formatting, and disappears as the mouse moves on. The right hand column (actually 'leftcol' floated right) is also missing. I have checked in Virtual XP here and confirm his findings. Screenshots show incorrect and correct display.

I have scoured the documentation, blogs, forums etc for information on browser compatibility and fixes, without success.

Please advise. If Exponent won't work below a certain browser level, a test during loading would be useful to flag up a message that the user should upgrade. I appreciate that some features may have difficulty with earlier versions, but displaying a menu with CSS is fairly basic.

I am using 2.3.0 patch 3. http://sandtoft.slx-online.biz

Comments and changes to this ticket

  • dleffler

    dleffler July 16th, 2014 @ 03:21 PM

    • Tag set to navigation
    • Assigned user cleared.

    Looking at the source, you are using the 'mega' menu view...which is probably set for css3 (which we provide shims for). What exact version of Firefox is at issue? v3.6 (last of 3.x series) or much earlier.

  • Peter

    Peter July 16th, 2014 @ 04:54 PM

    • Assigned user set to “expNinja”

    He's on 3.0.4 Firefox

  • dleffler

    dleffler July 16th, 2014 @ 07:22 PM

    • Assigned user cleared.

    Ok, part of the issue is using css3 gradients with white color on a white background in browsers which don't support css3 gradients (even with our shims). You might try adding the CSS3 PIE fix found here which may clear up the IE6 issue (I'll plan to add it as an IE6 fix in v2.3.0patch4). http://css3pie.com

    Or using some of the gradient style options found here http://robertnyman.com/2010/02/15/css-gradients-for-all-web-browser...

    Regardless, I haven't found a solution for such an old browser as Firefox 3.0.4 without upgraded to at least v3.6. Firefox is currently at v30.0!

    Not sure but you might try changing either the text color or background color to black to get the menu to appear?

  • dleffler

    dleffler July 17th, 2014 @ 01:14 AM

    From what I've been able to determine, Firefox versions prior to v3.6 can NOT be supported (though they could somewhat render a page). We still try to support IE6+ and Firefox v3.6+, but obviously browsers that old have MANY security issues and will rarely render an html5/css3 page as intended.

  • Peter

    Peter July 17th, 2014 @ 11:23 AM

    • Assigned user set to “expNinja”

    I have successfully included the Nyman code to fix the gradient problem. However no matter what I do I cannot get PIE.htc to do anything. I followed the guidance, adding the behaviour to the relevant CSS, and have tried with and without double quotes, and path from root /themes/simpletheme/js/PIE.htc or just js/PIE.htc.

    In the process of doing this in Virtual XP and IE8 I have started to get an error - see capture1 and capture.

    The critical bit is sorted - the menu - but it would be good to get the border radius working too!

  • dleffler

    dleffler July 17th, 2014 @ 12:15 PM

    • Assigned user cleared.

    Yes, I had noticed the placeholder issue...looking for a solution...might be the 'selector' we are using is not suitable for ie6 (:input[placeholder]) which may require moving to a different jquery plugin.

    Have you tried using the css3 pie php alternative load (in case the server won't serve .htc file)? change the url to xxx/PIE.php (if using css3 PIE 1.0). You also might try using an absolute path instead of relative for that url. You are loading it as an entry in the stylesheet?

  • Peter

    Peter July 17th, 2014 @ 12:36 PM

    • Assigned user set to “expNinja”

    I've now tried the .php and it seems to work. I've applied the rounded corners everywhere applicable, but can't get the menu items to round - not worried, it looks OK for the charlatans who use IE!! Yes, I was putting the entries in the stylesheet. Thanks for your help. Peter.

  • dleffler

    dleffler August 5th, 2014 @ 01:03 AM

    • Assigned user cleared.
  • dleffler

    dleffler August 30th, 2014 @ 01:15 AM

    • Title changed from “Browser Compatibility” to “Browser Compatibility - IE6”
    • State changed from “new” to “knownissue”
  • dleffler

    dleffler December 22nd, 2014 @ 12:59 PM

    • Milestone set to User issues
  • dleffler

    dleffler December 26th, 2015 @ 05:59 AM

    • Milestone changed from User issues to 2.3.7
  • dleffler

    dleffler January 1st, 2016 @ 04:18 AM

    • Milestone changed from 2.3.7 to 2.3.8
  • dleffler

    dleffler January 1st, 2016 @ 01:53 PM

    • Milestone changed from 2.3.8 to User issues
  • dleffler
  • dleffler

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile »

Bug Tracker for Exponent CMS

Shared Ticket Bins

People watching this ticket

Attachments

Tags

Pages