Can I set the height of the HTML element via jQuery?

StackOverflow https://stackoverflow.com/questions/14493549

Domanda

I'm having an issue with IE6 compatibility on a Boilerplate (and HTML5Shiv) project. I've been attempting to set the <html> element to be the same height as the <body> 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:

$("html").css("height", parseInt($("body").height()) + "px");

I've also attempted the following code and only the <body> element responds: 

$("html, body").css("height", "2000px");

However, I have been able to add scrolling through a band-aid fix:

html, body {
    overflow-y: scroll;
}

Now back to the height problem, is this even possible via jQuery? Does IE6 simply not support what I'm after?

Thanks!

È stato utile?

Soluzione

I'm surprised nobody has mentioned this yet.

Forget trying to size the <html> element.

The html element isn't meant to be sized. I wouldn't bother trying to maker a smaller body either. If you need an element of a certain size, stick a div inside your body and style that.

The HTML4 specification for the html tag doesn't list style as an attribute, and it's easy to understand why.

Even in a modern browser like Chrome, trying to size the html element gives slightly odd results: http://jsfiddle.net/QdCmM/.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top