1

フィールドセットの表示をブラウザ間で同じにしようとしています。簡単なファイルを作成しました：

<style>
  fieldset
  {
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 7px;
    -webkit-border-radius: 7px;
    border-radius: 3px;
  }
  legend
  {
    color: #696969;
  }
</style>

<fieldset style="width: 440px; float: left;">
  <legend>First Fieldset</legend>
  <table width="310px">
    <tr>
      <td>
        &nbsp;
      </td>
    </tr>
  </table>
</fieldset>
<br clear="all" />
<fieldset style="float: left; width: 440px; padding-top: 10px;">
  <legend>Second Fieldset</legend>
  <div id="innerDiv">
    <table width="100%">
      <tr>
        <td>
          &nbsp;
        </td>
      </tr>
    </table>
  </div>
</fieldset>
<br clear="all" />
<fieldset style="float: right; width: 300px">
  <legend>Third Fieldset</legend>
  <div id="map_canvas" style="width: 100%; height: 350px; border: solid 1px black;">
  </div>
</fieldset>

Chrome3.0とFF3.6は、これをほぼ同じようにレンダリングします。フィールドセットの境界線はChromeで少し重く、コーナーに目立つ階段があります。IEの境界線は少し細いですが、角が少しきついようです。

3つのブラウザすべてにこれを同じように表示させる方法はありますか？

4

2 に答える 2

0

湾曲したコーナーを作成しようとしていることがわかります。IE curvycorners でこれを行うには、優れたオプションです: http://www.curvycorners.net/demos/。スクリプトを追加するだけで機能します。

于 2011-02-26T18:26:57.273 に答える
-1

リセット スタイルシートを使用してみてください。

編集：さらに検討すると、すでにフィールドセットが含まれているため、追加する必要はありません..

于 2010-03-18T18:56:26.013 に答える