www.webdeveloper.com
Results 1 to 3 of 3

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

  1. #1
    Join Date
    Aug 2005
    Location
    India - New Delhi
    Posts
    57

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

    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>
    
    Attached Files Attached Files
    Last edited by aditya.internet; 04-20-2009 at 10:08 AM.

  2. #2
    Join Date
    Mar 2008
    Location
    Gulf Breeze, Florida
    Posts
    171
    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.
    Hola!

  3. #3
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,755

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles