[CLOSED] Ext.Window rendering with fractured layout in IE7 [Archive]

uorhun

14 Jun 2010, 6:33 AM

Full bug explanation in the first few posts of this thread (http://www.extjs.com/forum/showthread.php?100349-Ext.Window-rendering-with-fractured-layout-in-IE7&p=476784#post476784).

I have managed to create a showcase, and am posting it both here and in the original thread.

Contents of test.html

<html>
<head>
<link rel="stylesheet" type="text/css" href="http://localhost:8080/common/extjs/resources/css/ext-all-debug.css" />
<link rel="stylesheet" type="text/css" href="http://localhost:8080/common/extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="http://localhost:8080/common/extjs/adapter/ext/ext-base-debug.js"></script>
<script type="text/javascript" src="http://localhost:8080/common/extjs/ext-all-debug.js"></script>
<script type="text/javascript" src="http://localhost:8080/common/prototype.js"></script>

<script type="text/javascript">

Ext.onReady(function() {

var url = 'http://localhost:8080/popuptest.html';

win = new Ext.Window({
width: 300,
height: 300,
items: {
autoLoad: {
url: url,
scripts: true,
nocache: true
}
}
});

win.show();
});

</script>
</head>
<body>
</body>
</html>
Contents of "popuptest.html"

<html>
<body>
<table align="center">
<tr><td>TEST</td></tr>
... Repeated about 1000 times for safe measure. Not sure how many are required to reproduce, but 1000 sure does it.
<tr><td>TEST</td></tr>
</table>
</body>
</html>
The align="center" parameter in the root table appears to be the cause of the layout error. Without align="center" the problem goes away.