如何处理Firefox和Chrome之间的CSS显示差异

时间:2011-10-06 15:00:27

标签: css

我想在表格旁边放一个ul列表。 firefox中列表的位置总是高于chrome的位置,无论我如何填充或边距列表。无论如何,我有没有处理这个问题?

我的代码如下:

    #newEntryTable {
    border-collapse: collapse;
    width: 50%;
    border: 1px solid #CCCCCC;
    margin:20px;
}

#newEntryTable th, #newEntryTable td {
    padding: 5px;
    border: 1px solid #CCCCCC;      
}

#newEntryTable th {
    width: 230px;
    text-align: left;
    font-size: smaller;
}
  #dataEntryTips{
    width: 45%;
    float: right;
    padding-top:10px;
  }
<form method="post" action="?action=createActivityRecord" id="newEntryForm">
<?php if(isset($_REQUEST['redirect'])) echo '<input type="hidden" name="redirect" value="'.$_REQUEST['redirect'].'" />'; ?>
<input type="hidden" name="activityidentifier" value="<?php echo $activity["identifier"]; ?>" />
<table id="newEntryTable">
    <tr>
        <td colspan="2" id="newEntryLabel">New Entry:</td>
    </tr>

            <?php if($activity['use_current_date']) : ?>
              <input type="hidden" name="date" value="<?php echo date('Y-m-d') ?>" />
            <?php else : ?>
    <tr id="dateContainingRow">
        <th>Date of Activity</th>
        <td id="dateContainingCell"><input name="date" id="dateentry" class="date_input" type="text" value="<?php echo $activity["date"]; ?>" /><br/><span class="help">MM/DD/YYYY</span></td>
    </tr>
            <?php endif ?>


    <?php  foreach($activity["questions"] as $question) {  ?>
        <tr>
            <th><?php echo $question["text"]; ?></th>
            <td>
                              <?php echo $question["input_html"]; ?>
                              <?php if(isset($question['help'])) : ?>
                                <br/><span class="help"><?php echo $question['help'] ?></span>
                              <?php endif ?>
                            </td>
        </tr>
    <?php  }  ?>

    <tr>
        <td></td>
        <td><input type="submit" value="Submit/Create New" /></td>
    </tr>
<div id="dataEntryTips">
    <strong>Data     Entry Options & Tips</strong>

    <dt>Data     can    be entered in ways you prefer, such as: </dt>
    <ul>
    <li>Several entries each day -­‐ minutes walked, swam, biked</li>
    <li>Total minutes per day</li>
    <li>Total for the week, weekend -­‐ or -­‐ any number of days</li>
    <li>Total for the month</li>
    </ul>

    <dt>Other tips: </dt>
    <ul>
    <li>You can have any mix of daily, weekly or monthly entries.</li>
    <li>Save time by duplicating a prior entry and editing it for changes.</li>
    <li>If an entry is for more than a day, make a helpful note to explain.</li>
    </ul>

    <dt>Here are some examples of the above:</dt>
    <ul>
    <li>May 30: Walked 900 minutes; note = 30 min/day all May</li>
    <li>May 10: Bicycled 360 minutes; note = 6 hours on weekend</li>
    <li>May 7: Bicycled 150 minutes; note = 30 min./day 5 days to/from work</li>
    <li>April 1: Bicycled 300 minutes; note = in March</li>
    <li>March 2: Bicycled 120 minutes: note = in February</li>
    </ul>
</div>
</table>

0 个答案:

没有答案