Table column in next line - not working in IE7 [URGENT]

**aditya.internet** · 04-20-2009 09:59 AM

I need to display a table column (td) in next line using CSS formatting as I cannot modify the table.

I am able to do this in firefox but I am unable to do it in IE7.

I am attaching the html file with this post so that you can download it and help me debug it for IE7.

I will be really thankful to you if you can help me with this as it is really urgent and I need to get this done in another 2 hours.

Here is the code if you want to view it here itself:

HTML Code:

<html>
<head>
</head>

<body>
<div class='active-scaffold'>
<div class="sub-form-vertical">
<table cellspacing="0" cellpadding="0">

  <tbody id="">
    
            <tr class="association-record-errors">
      <td colspan="17">
        
      </td>
    </tr>
    
    <tr class="association-record">
      
    <td>
          
<dl>
    <dt>
        <label>Field 1</label>
    </dt>
    <dd>
<input type='text'>        
            </dd>
</dl>
      </td>

    <td>
          
<dl>
    <dt>
        <label>Field 2</label>
    </dt>
    <dd>
<input type='text'>        
            </dd>
</dl>
      </td>
  <td class="actions">
    <a onclick='$(this).up(".association-record").remove(); return false;' href="#" class="destroy">Remove</a>
      </td>

    </tr>
      </tbody>
</table>
<div class="footer-wrapper">
  <div class="footer">
    
    

      </div>
</div>



</div>



   <style type="text/css">
     <!--
     .active-scaffold .sub-form-vertical table{
       /* border-left: 1px solid black; */
       border-left: 0px solid black;
     }

     .active-scaffold .sub-form-vertical table option {
       display: block;
     }
     
     .active-scaffold .sub-form-vertical table * {
       display: inline;
     }

     .active-scaffold .sub-form-vertical label {
       display: inline;
       padding: 0.0em;
     }

     .active-scaffold .sub-form-vertical table thead {
       display: none;
     }

     .active-scaffold .sub-form-vertical table td {
       padding: 0.0em;
     }

    .active-scaffold .sub-form-vertical dl
        {
                width: 41.1em;
                margin: 2em 0;
                padding: 0;
        }

        .active-scaffold .sub-form-vertical dt
        {
                width: 15em;
                float: left;
                margin: 0 0 0 0;
                padding: .5em;
                /* border-top: 1px solid #999; */
        }

        /* commented backslash hack for mac-ie5 \*/
        dt { clear: both; }
        /* end hack */

        .active-scaffold .sub-form-vertical dd
        {
                float: left;
                width: 24em;
                margin: 0 0 0 0;
                padding: .5em;
                /* border-top: 1px solid #999; */
        }
        
        .active-scaffold .sub-form-vertical .actions {
              display:block;
              width:100&#37;;
              border-bottom: 1px solid #7FCF00;
              float:right;
              margin-bottom:10px;
        }
        
        .active-scaffold .sub-form-vertical .actions a {
          float: right;
          margin-bottom:10px;
        }
        <!--[if IE 7]>
        .active-scaffold .sub-form-vertical table {
          display: inline;
        }
        
        .active-scaffold .sub-form-vertical table tbody tr{
          display: inline;
        }
        
        .active-scaffold .sub-form-vertical table tbody tr td{
          display: inline;
        }
        
        .active-scaffold .sub-form-vertical table tbody tr td dl dt{
          display: inline;
        }
        
        .active-scaffold .sub-form-vertical table tbody tr td dl{
          display: inline;
        }
        
        .active-scaffold .sub-form-vertical table tbody tr dl dd{
          display: inline;
        }
        
        .active-scaffold .sub-form-vertical table tbody tr dd input{
          display: inline;
        }
        
        .active-scaffold .sub-form-vertical table tbody tr dd select{
          display: inline;
        }
        
        .active-scaffold .sub-form-vertical table tbody tr dt label{
          display: inline;
        }
        <![endif]-->
     -->
</style> 
     </li>
</div>

</body>
</html>

**Greyfish** · 04-21-2009 03:18 PM

I would suggest not using a table at all. Tables are for tabular data, what you are working with is a form. I would suggest using an unordered list.

**toicontien** · 04-22-2009 10:25 AM

Maybe:

Code:

.sub-form-vertical td {
  display: block;
}

Thread: Table column in next line - not working in IE7 [URGENT]

Thread Tools

Display

Table column in next line - not working in IE7 [URGENT]

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions