I'm having an issue with IE6 compatibility on a Boilerplate (and HTML5Shiv) project. I've been attempting to set the \[code\]<html>\[/code\] element to be the same height as the \[code\]<body>\[/code\] element but for whatever reason, it is fixed on 100% without any specific code. Each page's length is dynamic so I cannot set specific values.I want to do this because of one primary reason -- IE6 is not displaying the scrollbar even though there is additional content below. I've tried to set the height via the following code without any luck:\[code\]$("html").css("height", parseInt($("body").height()) + "px");\[/code\]I've also attempted the following code and only the \[code\]<body>\[/code\] element responds: \[code\]$("html, body").css("height", "2000px");\[/code\]However, I have been able to add scrolling through a band-aid fix:\[code\]html, body { overflow-y: scroll;}\[/code\]Now back to the height problem, is this even possible via \[code\]jQuery\[/code\]? Does IE6 simply not support what I'm after?Thanks!
Can I set the height of the HTML element via jQuery?
- Thread starter dynko
- Start date