Таблица сброса CSS для существующего сайта, предназначенного только для IE, который хочет улучшить взаимодействие с браузером?

Question

Я работаю над внутренним, настраиваемым сайтом ASP.NET, который был указан заказчиком только для работы в Internet Explorer. Это означает, что не было выдвинуто никаких ресурсов, чтобы убедиться, что оно работает и хорошо выглядит в других браузерах, хотя не используется экзотическая технология только для IE или что-то в этом роде.

Поскольку в конечном итоге кто-то захочет, чтобы другие браузеры работали, мне было интересно, существует ли что-то вроде таблицы стилей CSS Reset, которая может помочь сделать макет других браузеров более похожим на IE.

Я ищу таблицу стилей сброса, специально предназначенную для того, чтобы Firefox, Chrome и т. Д. Вели себя как IE (я уверен, что никто не оставит противные комментарии по этому поводу), которая не сломает слишком много существующего макета который в настоящее время тестируется только на IE7).

Я знаю, что у меня будут другие проблемы с Javascript и т. Д., Но этот вопрос касается только CSS / макета.

Короче говоря, существует ли лист сброса CSS для «сброса» CSS до значений по умолчанию IE?

Answer 1

Он не предназначен специально для IE, но вы можете использовать это - это действительно не имеет большого значения, вам действительно нужно применить его, а затем адаптировать существующие стили, чтобы он выглядел одинаково во всех браузерах.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: “”;
}
blockquote, q {
quotes: “” “”;
}

Поместите его в отдельный файл .css и вызовите в начало вашего основного файла styles.css, используя: @import "reset.css";