Note that there are some explanatory texts on larger screens.

plurals
  1. POTable layout wrong in IE(7)
    text
    copied!<p>Below is the code of a simple html with a table layout. In FF it's looking as I think it should look like, in IE7 it doesn't. what am I doing wrong?<br><br> And how can I fix it?</p> <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;TITLE&gt;test&lt;/TITLE&gt; &lt;/head&gt; &lt;body&gt; &lt;table id="MainTable" cellspacing="0" cellpadding="0" border="1"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td colspan="4"&gt; &lt;div style='width:769; height:192;'&gt;192 &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td colspan="2" valign="top"&gt; &lt;div style='width:383; height:100;'&gt;100 &lt;/div&gt; &lt;/td&gt; &lt;td rowspan="2" valign="top"&gt; &lt;div style='width:190; height:200;'&gt;200 &lt;/div&gt; &lt;/td&gt; &lt;td rowspan="2" valign="top"&gt; &lt;div style='width:190; height:200;'&gt;200 &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td valign="top" rowspan="2"&gt; &lt;div style='width:190; height:200;'&gt;200 &lt;/div&gt; &lt;/td&gt; &lt;td valign="top" rowspan="2"&gt; &lt;div style='width:190; height:200;'&gt;200 &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td valign="top"&gt; &lt;div style='width:190; height:100;'&gt;100 &lt;/div&gt; &lt;/td&gt; &lt;td valign="top" &gt; &lt;div style='width:190; height:100;'&gt;100 &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td colspan="2"&gt; &lt;div style='width:383; height:100;'&gt;100 &lt;/div&gt; &lt;/td&gt; &lt;td colspan="2"&gt; &lt;div style='width:383; height:100;'&gt;100 &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;div style='width:190; height:100;'&gt;100 &lt;/div&gt; &lt;/td&gt; &lt;td&gt; &lt;div style='width:190; height:100;'&gt;100 &lt;/div&gt; &lt;/td&gt; &lt;td colspan="2"&gt; &lt;div style='width:383; height:100;'&gt;100 &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload