I'm loading content into a series of divs using $.load(), and it works fine in firefox and chrome. In IE7 the page isn't redrawn af开发者_C百科ter the content is loaded, so most of the content is cropped. I've read a number of related posts but none of them contains a fix for me. The js, slightly simplified:
$('#zoomedInLinks').load("links.cfm");
$('#zoomedInContent').load("content.cfm");
The pages loaded are coldfusion templates and the markup they contain has nothing odd about it (the page itself has transitional doctype). The html with placeholder divs:
<div id="zoomedInLinks" class="hasContent"></div>
<div id="zoomedInContent" class="hasContent"></div>
css, added after reading about a couple of possible fixes :
.hasContent {
zoom: 1;
height: auto;
overflow: auto;
}
I've tried altering the css before using load, and using $.get() and innerHTML instead, none of which helps. Any ideas? Ta.
A friend of mine finally found the answer to this -- jQuery was inserting a style in IE 6 and 7 that set a fixed width on one of the container divs holding the content for some reason. Overriding that fixed the problem.
加载中,请稍侯......
精彩评论