1

私のサイトに背景画像が表示されたテーブルがあります。FF とクロムは正常に見えますが、IE ではそうではありません。背景画像がずれてワイヤード結果を生成しているように見えます。ここで誰かが私を助けてくれるかどうか疑問に思っていました。添付の写真をご覧ください。助けてくれてありがとう。

<section>
some html....

<form action="http://localhost/jobSearch/add_project/validate" method="post" accept-charset="utf-8">
  <fieldset>
    <legend>ADD NEW PROJECT</legend>
      <label>Parcel</label>
      <input type="text" name="parcel" value="">
      <label>Lot Number</label>
      <input type="text" name="lot_number" value="">
      <label>Block</label>
      <input type="text" name="block" value="">
      <label>Subdivision</label>
      <input type="text" name="subdivision_name" value="">
      <label>Section/Phase</label>
      <input type="text" name="section_phase" value="">
      <input type="submit" name="submit" value="Add Project" id="submit">
  </fieldset>
</form>

more html.....
</section>

CSS:

form {
    display: block;
}

form fieldset {
    font: bold 1.1em helvetica;
}

form label{
    float:left;
    display:block;
    width:140px;
    font:bold 1.1em Helvetica;
    margin:5px;
}

fieldset{
    color:black;
    font:bold 1.2em Helvertica;
    width:400px;
    margin: 20px auto;
    padding: 10px;
    border:1px solid grey;
    background:url('../images/background.jpg');
}

form input {
    font-size: .9em;
    padding: 4px 6px;
    border: solid 1px #AACFE4;
    margin: 5px;
    width: 200px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

form #submit {
    cursor: pointer;
    font: bold 1em Helvetica;
    padding: 4px 2px;
    border: solid 1px #AACFE4;
    margin: 5px;
    width: 100px;
}​
4

1 に答える 1

1

タグが適切にネストされていません。で開きますが<form>、で閉じ</fieldset>ます。ネストの問題を修正するには、次の例の終了タグの場所を入れ替える必要があります。

<form ...>
  <fieldset>
<!-- content removed -->
  </form>
</fieldset>
于 2012-05-06T02:04:04.607 に答える