Skip navigation
CameragalDesigns
Currently Being Moderated

Clearbox lightbox 2.0 and Internet Explorer

Apr 18, 2013 6:18 PM

Tags: #ie_problems #clearbox_2.0

Hi,

 

I am just getting back into web design after a break of a few years, and I have an error somewhere in my coding I just can't find and wondered if any others have had this.

 

Clearbox slideshow is working exactly how it should in Google Chrome and Firefox, but in Internet explorer, rather than it opening to a slideshow, it opens the picture on a new blank tab, with nothing to be done except click the back button.

 

I know that there will be a few of my clients from the other half of my business that will look at this through IE I'd really like to fix it.

 

This is the site:

 

http://www.cameragaldesigns.com

 

Does anyone have any suggestions on where I have gone wrong?

 

Let me know if you need any other information

 

Thanks in advance!

 
Replies
  • Currently Being Moderated
    Apr 18, 2013 10:02 PM   in reply to CameragalDesigns

    Which version of Internet Explorer are you using? You might face problems with older versions of IE (previous to 8)

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 18, 2013 10:32 PM   in reply to CameragalDesigns

    Your markup has lots of errors. Fix them by following the report here: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cameragaldesigns.co m%2Flandscape.html&charset=%28detect+automatically%29&doctype=Inline&g roup=0

     

    Once you have your code validated, try it out on IE and let us know if it works. IE goes to quirks mode when it sees malfunctioned code - more often happens in IE than on other browsers.

     

    For example, your doctype itself is incorrect. So is your code formation. You have meta tags before the doctype declaration and/ or head tag in your document. Fix them first.

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 18, 2013 10:33 PM   in reply to Sudarshan Thiagarajan

    Also, you've used <div align..." tag which is deprecated now. Use CSS for any alignment changes to your design. Get rid of inline tags. Especially, the align tag.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 19, 2013 2:02 AM   in reply to CameragalDesigns

    Hello,

     

    your slideshow works like a charm in my IE10, and - what is sometimes needed in these cases - without using "compatibility mode".

     

    Hans-Günter

     

    P.S.

    Could it be that your images are uploaded in a "high definition". Maybe you should manage them with less, to speed up the loading time.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 19, 2013 2:14 AM   in reply to hans-g.

    Hi Hans,

     

    I am using IE 10 too. I see images but I don't see any slideshow.

     

    Thanks,

    Preran

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 19, 2013 2:17 AM   in reply to CameragalDesigns

    @CameragalDesigns: IE7 & IE8 are not fully HTML5 compatible. You may want to include HTML5Shiv to your <head> section to ensure IE below version 9 interprets HTML5 code:

     

     

    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

     

     

    @Preran & hans-g: Other than the original problem itself, OP's code has a lot of invalid markup - one of the primary reason for IE to act up.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 19, 2013 2:17 AM   in reply to Preran

    Hi Preran,

     

    please have a look here:

     

    drSlide.JPG

     

    Thanks,

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 19, 2013 2:24 AM   in reply to Sudarshan Thiagarajan

    Hi Sudarshan,

     

    I agree, it would therefore be very important you Mr.(?) "CameragalDesigns" would eliminate the obvious flaws first!

     

    AND yet - interestingly - the slideshow works in my IE10.

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    May 23, 2013 5:05 PM   in reply to CameragalDesigns

    I would keep the HTML5 doc type and swap to a more robust lightbox plugin such as Fancybox 2  

    http://fancyapps.com/fancybox/

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (1)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points