I am fairly new to web development, so forgive me if this is obvious. I have created a site, that is looking good on Chrome and Mozilla, but it appears I can not get the IE version to scroll at the same rate/height that my other versions are. Although I declare the height to be 6000 pixels, I am only able to scroll down to 1700ish, I have it outputting in the console if you wish to see it.
Take a look: http://nick-barth.com/lindylongcon/
If you happen to notice any of my innumerable mistakes, feel free to mention them!
Thank you, Nick Barth
As we talked about in the comments, there are major differences between IE version releases. IE6 through 8 are considered legacy browsers, while IE9 and greater are more inline with standard newer web technologies (css3 support only entered with IE10 for example).
When you said that it looked the same using different version I immediatly suspected it had something to do with quirks mode. quirks mode is a technique which allows support for older browsers. And it is the default mode for IE if you are not using
<!DOCTYPE html>. By adding that to the top of your page you are saying to IE 'use standards mode' (and check out that link I mentioned for details about different types of DOCTYPE's and what they mean).It also greatly explains why you were seeing such a specific problem with the css attribute of the
width: 100%, to quote the wiki article (emphasis mine):Today, with a less than 5 percent usage of legacy browsers (which also support the newer width algorithm because it was introduced with the now extremely old IE6), you probably wouldn't need to use quirks mode ever, but it helps to know why adding the doctype is important (rather than doing it blindly).