View Full Version : boxWrap in IE - Contents Overflow Box

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%;">

<script type="text/javascript">

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">