SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Zealot
    Join Date
    Jul 2006
    Posts
    178
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    in IE8 slider pushing content below fold

    Hi Everyone,

    I am working on a mockup using Foundation Front End Framework and the lovely Orbit Hero Slider they have is causing me issues in IE8.

    I have had 5 issues to resolve to get it to work with IE8 (works fine everywhere else) and this 5th and last issue is proving hard to solve.

    For Some reason, in IE8 the Slider is pushing the content beneath the fold.

    If you are'nt on XP and dont have access to IE8 you can use the Developer Tools in IE9 to view it as IE8 would.

    You can see the page here

    http://www.users.on.net/~nova/html5/index-Forumie8.html

    Any one have any ideas whats causing the issue in IE8 and how to fix it?

  2. #2
    SitePoint Zealot
    Join Date
    Jul 2006
    Posts
    178
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok,
    After looking more closely at the issue it seems it is more related to the css the javascript spits out than the css documents themselves.

    In the Orbit script at the footer of the page I had to change it from;

    <script type='text/javascript'>
    $(window).load(function() {
    $('#featuredContent').orbit({ fluid: '16x6' });
    });
    </script>

    To the following;

    <script>
    $(window).load(function(){
    $("#featuredContent").orbit();
    });
    </script> -->

    It seems that the { fluid: '16x6' } parameter inside the orbit function was causing issues with IE8 which could not figure out how to interpret that piece of javascript.


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
  •