Я пытаюсь получить отображение поля в одном браузере. Я создать простой файл:Fieldset CSS: любой способ получить согласованное отображение между Chrome, Firefox и IE?
<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>
</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>
</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 делают это почти то же самое - FIELDSET граница немного тяжелее на Chrome, и там заметно stairstepping по углам. IE имеет немного более тонкую границу, но углы кажутся немного более плотными.
Есть ли способ, чтобы все три браузера отображали это одинаково?
Я уверен, что ваши проблемы будут намного меньше, если вы не вставьте пустые таблицы в форму или не начнете использовать атрибут стиля и начнете использовать атрибут класса. – antpaw
Ну, на самом деле там есть куча дерьма, отформатированная в таблицах - но я действительно беспокоюсь о границах, на которые на самом деле не должно влиять то, что в этом примере есть пустые таблицы. – chris
border-radius вообще не работает в IE. – Rob