PDA

View Full Version : boxWrap in IE - Contents Overflow Box



mattnicolls
9 Oct 2007, 8:58 AM
The code below results in the table overflowing the "box" generated by the boxWrap method, and extending out to the bounds set in the outer div (200px width).

If I set the padding to 0px for x-box-ml, x-box-mr, an x-box-mc, the table does not overflow. This suggests that IE ignores the padding of the parent elements of the table when rendering the table's width to 100%.

This does not happen in FireFox, only IE 6/7.

Any ideas?



<div style="width: 200px;">
<div id="foo">
<table style="width: 100%;">
<tr>
<td>content</td>
</tr>
</table>
</div>
</div>




<script type="text/javascript">
Ext.onReady(function(){
Ext.get("foo").boxWrap();
});
</script>

mattnicolls
9 Oct 2007, 9:35 AM
I fixed the problem by referencing the strict.dtd in my DOCTYPE.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

-Matt