Следующий HTML отлично подходит для меня в FireFox или IE7 / 8 (с тегом стиля или без него)
<!-- Deliberately no DocType to induce Quirks Mode -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
Input.quirks
{
margin: 1px 0px 1px 0px;
border: solid black 1px;
}
</style>
</head>
<body>
Should work in Quirks Mode <br />
<input class="quirks" type="text" style="width: 300px;" /><br />
<input class="quirks" type="text" style="width: 147px;" /><img src="./Graphics/SpacerPixel.gif" border="0" /><input class="quirks" type="text" maxlength="25" style="width: 150px;" /><br />
<input class="quirks" type="text" style="width: 94px;" /><img src="./Graphics/SpacerPixel.gif" border="0" /><input class="quirks" type="text" style="width: 100px;" /><img src="./Graphics/SpacerPixel.gif" border="0" /><input class="quirks" type="text" value="DA8 1DE" style="width: 100px;" />
</body>
</html>
Однако мне сказали, что отсутствие DocType в верхней части указанного HTML заставляет оба браузера работать в режиме «Quirks».
Мне сказали, что это плохо.
Я пробовал несколько типов DocType, но не нашел комбинации DocType / HTML, которая дает правильный рендеринг в обоих браузерах.
Все, кроме режима «Причуд», заставляет браузеры по-разному реагировать на попытку установить ширину текстового поля. Похоже, это приводит к тому, что я могу исправить свои инструкции для FF или IE, и вдруг другой выйдет из строя.
Немного подробностей ...
1.> Задача состоит в том, чтобы 3 строки выглядели одинаковой ширины при отображении в каждом браузере. Необязательно, чтобы отображаемая ширина была одинаковой во всех браузерах, просто чтобы они отображались правильно выровненными / выровненными внутри каждого браузера.
2.> Указанное изображение представляет собой разделительное изображение шириной 3 пикселя и высотой 1 пикселя (альтернатива этому также была бы хорошей).
3.> Я не хочу вводить таблицы, если это вообще возможно.
Кажется, что режим Quirks - единственный режим, который согласован во всех браузерах. Однако меня беспокоит, что в окончательной версии IE8 или даже в каком-нибудь будущем браузере режим причуд не будет использоваться по умолчанию.
Что мне делать? Как указать DocType (и, возможно, изменить мой html), который обеспечит единообразный вид во всех браузерах?
