Table Formatting

CJLeit

Freshman
Joined
Feb 1, 2006
Messages
32
Hello,

I'm trying to format a simple table in an .aspx page and it's giving me some problems. All I want is a 3 row table. The first 2 rows will always be the same height the 3rd row will fill up the rest of the page. If I take out the <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> line at the top of my .ASPX page I can get this to work. If I put that line back in it stops working. What are the repercussions of removing this line?

Second question. My table looks fine in IE but in FireFox the scroll bar shows up and there are a couple inches of empty space. What am I doing wrong that is causing this. I've pasted a simplified version of what I'm trying to do. Any help would be appreciated!
Code:
<table border="1" width="100%" id="table1" cellspacing="0" cellpadding="0" style="border-collapse: collapse"  height="100%" runat="server">
    <tr>
        <td valign="top">
            <table border="1" width="100%" id="table2" height="126">
              <tr>
                  <td bgcolor="#000000"> </td>
              </tr>
             </table>
             <table border="1" width="100%" id="table3" height="30">
               <tr>
                  <td> </td>
               </tr>
              </table>
              <table border="1" width="100%" id="table4" height="100%">
                <tr>
                   <td width="192" nowrap valign="top" bgcolor="#FFDD48"> </td>
                   <td valign="top">test<br /><br /><br />Test 2</td>
                 </tr>
               </table>
            </td>
         </tr>
</table>
 
Last edited by a moderator:
Back
Top