table length problem

hey.. just another guy having a problem moving something to IE..

someone built me some code that i to add some programming too.. i finished doing the programming bit but all of a sudden the table storing the information has become massively large in IE..

by the way, i realize all the tables in this code are not necessary.. but i didn't do that part of it.. and i've already spent more than enough time just taking deprecated html tags out of it.. what i'm looking for is an answer to this problem that won't require me to change much of the structure of the html..

anyways, here it is

<table border="1" bordercolor="#808080" cellpadding="2" cellspacing="0" width="700">
    <tr>
        <td>
            <table border="0" cellpadding="2" cellspacing="0" width="100%">
                <form action="KickoutReport2.cfm" method="post" enctype="multipart/form-data">
                    <input name="Submitted" type="Hidden" value="1">
                    <tr>
                        <td>
                            <strong>Select a Region to view Telco Replies:</strong>
                            <br /><br />
                        </td>
                        <td>
                            <strong>Upload Excel File:</strong>
                            <br /><br />
                        </td>
                    </tr>
                    <tr>
                        <!--- <td width="5%">&nbsp;</td> --->
                        <td nowrap="nowrap" style="padding-left:5%;">
                            <cfif not isdefined("Form.Region")>
                                <input type="Radio" name="Region" value="1">Atlantic<br />
                                <input type="Radio" name="Region" value="2">Ontario<br />
                                <input type="Radio" name="Region" value="3">P & NR<br />
                                <input type="Radio" name="Region" value="4">Pacific<br />
                                <input type="Radio" name="Region" value="5">Quebec<br />
                            <cfelse>
                                <input type="Radio" name="Region" value="1" <cfif Form.Region eq "1">Checked</cfif>>Atlantic<br />
                                <input type="Radio" name="Region" value="2" <cfif Form.Region eq "2">Checked</cfif>>Ontario<br />
                                <input type="Radio" name="Region" value="3" <cfif Form.Region eq "3">Checked</cfif>>P & NR<br />
                                <input type="Radio" name="Region" value="4" <cfif Form.Region eq "4">Checked</cfif>>Pacific<br />
                                <input type="Radio" name="Region" value="5" <cfif Form.Region eq "5">Checked</cfif>>Quebec<br />
                            </cfif>
                            <br /><br />
                            <input type="checkbox" id="delimited" name="delimited" value="1" <cfif isdefined("form.delimited")>checked</cfif>> Output to Semi-Colon Delimited Format
                            
                            <br /><br />
                        </td>
                        <td nowrap="nowrap" valign="top">
                            <div style="text-align: right;">
                                <input type="File" id="fileinput" name="fileinput" width="40"><br /><br />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" valign="bottom"><input type="Submit" name="Submit" value="View Region"></td>
                        <td align="right" valign="bottom"><input type="Submit" id="submitfile" name="submitfile" value="Load File"></td>
                    </tr>
                </form>
            </table>
        </td>
    </tr>
</table>

Code (markup):

anyways, please don't just come on here to tell me to stop using tables.. i just want to know why all of a sudden the table would span about 213123px in IE6

 

Find this:

<td nowrap="nowrap" style="[B]padding-left:5%;[/B]">

Code (markup):

Change it to this:

<td nowrap="nowrap" style="[B]padding-left:25px;[/B]">

Code (markup):

Notice the bold part, the % in IE doesn't render properly, so replace it with a pixel based one and it will correct this issue.

 

it blows my mind that that % was the sole cause of it.. thanks for the help, it's coming up correctly now

 

Yes, % for padding does not work well - especially in MSIE - far better to use em for flexible design.

Wikipedia Reference: Internet Explorer Box Model Bug