2011-06-23 46 views
0

我需要有人幫助指出明顯的我......一直在尋找幾個小時,無法弄清楚這一點。表頭列未在Firefox中正確對齊,但它們在IE 7中很好地對齊。我希望表頭與表格數據保持一致。爲什麼不在Firefox 3中工作?無法獲得HTML表格colums在Firefox中對齊,雖然工作?

感謝您的幫助提前。

HTML:

<table width="700" align="center" class="ui-corner-bottom background_grey border_bottom_blue border_left_blue border_right_blue"> 
<tbody> 
    <tr> 
     <td valign="top"><table width="600" align="center" style="margin-top: 25px;" class="ui-corner-all background_white border_all_grey" id="line_items"> 
       <thead> 
        <tr> 
         <th align="left">Property</th> 
         <th align="left">Account Number</th> 
         <th align="left">Description</th> 
         <th align="left" colspan="2">Total Amount</th> 
        </tr> 
       </thead> 
       <tbody> 
        <tr style="display: block;" id="clone_me"> 
         <td align="left"><input type="text" onclick="new_edit_area('modal_popup_detail', 'HTML_bills_new', '', 'modal_popup_detail', 'html.acctg.bills.php', 'sql_acctg_bills.php');$('#modal_popup_detail').dialog('option','width',800).dialog('option','title', 'Property - Add').dialog('open');" class="item_detail" id="property_id" title="no"></td> 
         <td align="left"> 
          <select class="input_editable_white item_detail" name="acctg_chart_of_accounts_id_n" id="acctg_chart_of_accounts_id"> 
           <option selected="selected" value="1">1100 - Management Operating Account</option> 
           <option value="2">1101 - Petty Cash</option> 
           <option value="3">1102 - Security Deposit Account</option> 
           <option value="4">1103 - Trust Account</option> 
           <option value="5">1104 - Credit Card</option> 
           <option value="6">1200 - Accounts Receivable</option> 
           <option value="7">1201 - Accounts Payable</option> 
           <option value="8">1300 - Mortgage Escrow</option> 
           <option value="9">1301 - Undeposited Funds</option> 
           <option value="10">1400 - Mortgage Principal</option> 
           <option value="11">1401 - Pet Deposit</option> 
           <option value="12">1402 - Security Deposit</option> 
           <option value="13">1500 - Bank Transfer</option> 
           <option value="14">1501 - Owner Contribution</option> 
           <option value="15">1502 - Owner Draw</option> 
           <option value="16">1600 - Adjustment</option> 
           <option value="17">1601 - Application Fee</option> 
           <option value="18">1602 - Bank Interest</option> 
           <option value="19">1603 - Common Area Maintenance</option> 
           <option value="20">1604 - Convenience Fee</option> 
           <option value="21">1605 - Discount/Promotion</option> 
           <option value="22">1606 - Fee for Bounced Check</option> 
           <option value="23">1607 - HOA Fees</option> 
           <option value="24">1608 - Late Fee</option> 
           <option value="25">1609 - Laundry Room</option> 
           <option value="26">1610 - Maintenance Fee</option> 
           <option value="27">1611 - Management Income</option> 
           <option value="28">1612 - Management Income - Cleaning</option> 
           <option value="29">1613 - Opening Balance</option> 
           <option value="30">1614 - Prepayments</option> 
           <option value="31">1615 - Refunds</option> 
           <option value="32">1616 - Rent</option> 
           <option value="33">1617 - Sales Tax Due</option> 
           <option value="34">1618 - Security Deposit Forfeit</option> 
           <option value="35">1619 - Taxes Due</option> 
           <option value="36">1620 - Utilities</option> 
           <option value="37">1621 - Utility Charge</option> 
           <option value="38">1700 - Advertising</option> 
           <option value="39">1701 - Bad Debt/Uncollectible</option> 
           <option value="40">1702 - Bank Fees</option> 
           <option value="41">1703 - Cleaning and Maintenance</option> 
           <option value="42">1704 - Common Area Maintenance</option> 
           <option value="43">1705 - Insurance</option> 
           <option value="44">1706 - Leasing Fee</option> 
           <option value="45">1707 - Legal and Professional</option> 
           <option value="46">1708 - Management Fees</option> 
           <option value="47">1709 - Mortgage Interest</option> 
           <option value="48">1710 - Other Interest</option> 
           <option value="49">1711 - Reconciliation Discrepencies</option> 
           <option value="50">1712 - Repairs</option> 
           <option value="51">1713 - Repairs-Upgrades</option> 
           <option value="54">1713 - Utility Expense</option> 
           <option value="52">1714 - Supplies</option> 
           <option value="53">1715 - Tax Expense</option> 
          </select></td> 
         <td align="left"><input type="text" style="width: 20px;" class="input_editable_white item_detail" title="no" name="description_n" id="description"></td> 
         <td align="left"><input type="text" style="width: 20px;" class="input_editable_white item_detail" name="amount_curr_n" title="no" id="amount_curr"></td> 
         <td align="right"><img width="10" height="10" class="a_hand" onclick="$(this).parent().parent().remove();" title="Remove" src="images/delete.png"></td> 
        </tr> 
       </tbody> 
       <tfoot> 
        <tr> 
         <td align="left" colspan="5"><img onclick="add_item();" class="a_hand" title="Add" src="images/plus_green.png"></td> 
        </tr> 
       </tfoot> 
      </table> 
     </td> 
    </tr> 
    <tr> 
     <td valign="bottom" align="right"><span onclick="var xx=update_new('xml/xml_update_db.php', 'bill_info_main', 'SQL_insert_one_bill', 'new', 'sql_acctg_bills.php','true'); update_multi_row('xml/xml_update_db.php', '', 'item_detail', 'SQL_insert_bill_item_detail', 'new', 'sql_acctg_bills.php','acctg_bill_id',xx,,true); display_html('xml/display_html.php', 'main_container', 'HTML_bills_display','SQL_SELECT_all_bills', '', '', 'html.acctg_bills.php', 'sql_acctg_bills.php');" title="Add"><span class="universal_pad"><span class="a_hand FIELD_name button_text_bg ui-corner-all">Add</span></span></span></td> 
    </tr> 
</tbody> 
</table> 
+0

你可以做的最好的事情是獲得螢火蟲,並檢查應用到你的元素的實際CSS。它還會顯示元素上的填充/邊距。否則,請在此處張貼屏幕截圖或jsbin示例。 – musaul

+0

P.S爲什麼你的'tr'標籤中有'display:block'? – musaul

+0

它應該是顯示:無,直到我克隆它......「塊」打開,以幫助我調試佈局問題。它在你的Firefox瀏覽器中看起來很正常嗎? – Ronedog

回答

2

tr標籤的display值不應block。將其更改爲table-row,並且表格應該沒問題。

+0

感謝Mus ...它的工作! – Ronedog

0

更換

<th align="left"> 

<th style="text-align:left;"> 
+0

對我來說沒有運氣......它顯示在你的Firefox瀏覽器中嗎? – Ronedog

+0

你的樣式表文件中是否有任何表引用? – fdaines

+0

這是對錶的唯一css引用:表{ \t margin-left:auto; \t margin-right:auto; } ..........但是如果我把表格粘貼到另一個沒有css規則的文件中,並在firefox中查看它,我得到了相同的佈局問題,所以我不明白這裏發生了什麼。謝謝你的幫助。 – Ronedog