FIELDSET теги представлены по-разному в IE10 против старых версий

Следующий фрагмент кода HTML выглядит иначе на IE10 против более старые версии:FIELDSET теги представлены по-разному в IE10 против старых версий

<html> 
<body> 
<form> 
<fieldset style="position:absolute; left: 0px; top: 0px; width: 200px; height: 30px;"> 
<label>text1</label> 
</fieldset> 
<label style="position:absolute;width:65px;line-height:15px;height:15px;left:0px;top:40;">text2</label> 
</form> 
</body> 
</html>

IE10:

IE10

IE8:

IE8

Отложить в сторону шрифт меняется, как я могу изменить страницу так, чтобы макет был таким же, как в IE8 в обоих браузерах?

источник

2013-11-11 lyaffe

вы пытались использовать IE условные тег, чтобы выбрать другой стиль в зависимости от версии браузера? –

Я бы хотел избежать условных тегов – lyaffe

выглядит так, что у вас есть отступы и/или маржа, которые необходимо нормализовать. – Spudley

Добавление padding: 0px, кажется, устраняет проблему, страница теперь отображается одинаково во всех версиях IE.

FIELDSET тег теперь выглядит следующим образом:

<fieldset style="position:absolute; left: 0px; top: 0px; width: 200px; height: 30px; padding: 0px">

источник

2013-11-11 10:53:49 lyaffe

Общее правило при проектировании для нескольких браузеров - использовать файл reset.css или просто создать свой собственный. Я вообще просто делаю * {margin: 0; padding: 0; border: 0;}. Вы будете избегать таких проблем, как это происходит снова –

FIELDSET теги представлены по-разному в IE10 против старых версий

ответ

Смежные вопросы