SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Enthusiast colin27's Avatar
    Join Date
    Jun 2013
    Location
    Austin, Texas
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Flexslider2 and IE7 & 8 issues

    Im working with Flexslider to make a photo gallery. Looks pretty good in Safari, FF, Chrome. Ive been testing it in IE, and so begins the nightmare. For some reason the photo gallery is interfering with the navigation styling, it is also interfering with the footer styling as well. Does anyone know why this would be happening? It did the same thing when I tried using the Visual Slideshow application as an alternative. Why would a photo gallery cause these issues? Any direction would be very helpful. Thanks in advance!

    Heres the website: http://mullenasphalt.com/photos.html

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,519
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    In which version of IE are you seeing the problem, please?

    Can you please be more descriptive about how the flexslider is interfering with the navigation and footer stylings?

  3. #3
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,519
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by ronpat View Post
    In which version of IE are you seeing the problem, please?

    Can you please be more descriptive about how the flexslider is interfering with the navigation and footer stylings?
    It would be smarter of me to read the title of the post a little more closely. Sorry 'bout the delay.

    The errors that I see have nothing to do with the flexslider. You are expecting IE7 and 8 to recognize HTML5 tags and they do not.

    If you will change the <nav>, <section> and <footer> tags to divs (maybe make the nav tag something like <div class="nav"> and change the CSS), IE8 should start working OK. Seems to for me, anyway. IE7 does not recognize display:table, so you'll still have a problem with it.

    FYI: you do not need XHTML closing marks on the images and elsewhere and you should add "alt=" attributes to the images.

  4. #4
    SitePoint Enthusiast colin27's Avatar
    Join Date
    Jun 2013
    Location
    Austin, Texas
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for replying ronpat. I def going to look into your suggestions tomorrow morning. Im curious tho, IE8 renders all the other pages fine that have the <nav> and <footer> tags. If I was just trying to fix the photo gallery page for IE8, do you have any idea why the photos page is the only one that seems out of whack. If you dont mind, please look at these other pages. I truly feel the photo gallery is causing the problems. Id really appreciate your expert advice. Thank you!

    http://mullenasphalt.com/index.html

  5. #5
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,519
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    The second look was worthwhile.

    In your code for the other pages, you have a script in the <head> section...
    Code:
    <script>
      'article aside footer header nav section time'.replace(/\w+/g,function(n){document.createElement(n)})
    </script>
    When I add that script to the photogallery page, the menu and the footer start behaving in IE8. Apparently, the function of that script is to make IE8 (and any other non-compliant browser) respond to those HTML5 tags. (Which is effectively what I was suggesting by replacing the unknown HTML5 tags with known <div>s.)

    Give it a try and let me know if this is on the right track.

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,367
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    The accepted way to cope with html5 in ie8 and under is to use the html5 shiv otherwise it will not recognise the elements.

  7. #7
    SitePoint Enthusiast colin27's Avatar
    Join Date
    Jun 2013
    Location
    Austin, Texas
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OMG, THANK YOU SO MUCH!!! I have been so puzzled as to why this was not working properly. I totally overlooked the *very important* part of the code on that page. You really have saved a portion of my sanity. My sincerest accolades ronpat!!

  8. #8
    SitePoint Enthusiast colin27's Avatar
    Join Date
    Jun 2013
    Location
    Austin, Texas
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the tip! I have never heard of html5 shiv, will def be looking into this method Paul O'B.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •