Fieldset CSS: есть ли способ получить согласованное отображение между Chrome, Firefox и IE? - PullRequest
Новая
       11

Fieldset CSS: есть ли способ получить согласованное отображение между Chrome, Firefox и IE?

1 голос
/ 18 марта 2010

Я пытаюсь настроить отображение набора полей в браузерах одинаково. Я создал простой файл: 

<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>

Chrome 3.0 и FF 3.6 визуализируют это практически одинаково - граница набора полей в Chrome немного тяжелее, и по углам заметно ступеньки. IE имеет немного более тонкую границу, но углы кажутся немного более плотными.

Есть ли способ заставить все три браузера отображать это одинаково?

Ответы [ 2 ]

0 голосов
/ 26 февраля 2011

Я вижу, вы пытаетесь создать изогнутые углы. Для этого в IE curvycorners - отличный вариант: http://www.curvycorners.net/demos/. Просто добавьте скрипт, и он заработает.

0 голосов
/ 18 марта 2010

Попробуйте использовать сбросить таблицу стилей .

Редактировать: После дальнейшего просмотра он уже содержит набор полей, поэтому добавлять его нет необходимости.

...