Parralax scrolling website in IE

[katebloomfield]

I’m in need of assistance! I have created a parralax scrolling website for my client, and everything works fine in all browsers, except in IE there is a lot of extra space, and I have tried everything I can think of!

The testing site is:
http://www.octaneprotein.com.au/home.html

Try checking it out in Firefox, then IE. it’s driving me nuts!

I’m using one CSS for all browsers, and the html5shiv.js.

[katebloomfield]

Not to mention I’m completely self-taught when it comes to web design X_X

[Merri]

More or less seems to work OK in IE6, IE7 and IE10. You could use conditional comments to target IE8 and IE9 with some extra CSS to fix them. Not very elegant but would get the job done.

Another route would be to make a minimal test case to CodePen that replicates the problem.

[katebloomfield]

You didn’t see the difference between firefox and IE? :
The site works, but it has cosmetic issues in IE.

[katebloomfield]

Okay, so IE isn’t reading the correct style sheet. I made two, and the if statements work fine, and it’s recognising different browsers.

but IE isn’t reading that CSS. it’s still reading the other one. X_X

[katebloomfield]

Do I need to take away the if !IE comment?

[katebloomfield]

Also, i’m using html5shiv.js to enable html5 in iE. but this also seems to override the css?

[katebloomfield]

Okay, I’m about to have a heart attack, I’m so confused. And I apologize in advance for being so stupid.
Did as you said. but it’s still only reading the non-IE css.

HTML5 shiv seems to be working fine.

[katebloomfield]

Nevermind! i got it working. It was something reaaaaally stupid that I overlooked. A tiny piece of html in the wrong spot.

[Author]

Posts