In IE8 slider pushing content below fold

HTML & CSS
1

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

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.