我需要有人幫助指出明顯的我......一直在尋找幾個小時,無法弄清楚這一點。表頭列未在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>
你可以做的最好的事情是獲得螢火蟲,並檢查應用到你的元素的實際CSS。它還會顯示元素上的填充/邊距。否則,請在此處張貼屏幕截圖或jsbin示例。 – musaul
P.S爲什麼你的'tr'標籤中有'display:block'? – musaul
它應該是顯示:無,直到我克隆它......「塊」打開,以幫助我調試佈局問題。它在你的Firefox瀏覽器中看起來很正常嗎? – Ronedog