IE8 ввод стиля CSS и выравнивания - PullRequest
1 голос
/ 03 марта 2011

Для целей тестирования у меня есть базовая форма с тремя входами, выровненными в одной строке:

"имя" (тип = текст), "пароль" (type = text) и "submit" (type = submit) **.

вот так:

<body>
<form>
<input type="submit" class="search" value="log in"/> 
<input type="text" value="username"/>
<input type="text" value="username"/>
</form>
</body>

Если я пойду тестирование в IE8 переключение кнопки просмотра совместимости. Моя форма смещается вниз-вправо, и я заметил, что также изменились отступы, даже если я применил сброс CSS следующим образом:

<style>
html, body, span,a, applet, object, iframe, h1, h2, h3, h4, h5,div, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,input, td {border: 0 none;margin: 0;padding: 0;

Как можно добиться того, чтобы форма была устойчивой в одном и том же положении, со всеми этими тремя входами и выравниванием, при переключении кнопки просмотра совместимости?

спасибо

Лука

Ответы [ 3 ]

1 голос
/ 03 марта 2011

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

Я использовал режим совместимости в IE 8 для проверки макета страницы в IE 7;из краткого теста с виртуальной машиной, на которой установлен IE 7, режим совместимости отображает страницу, как и IE 7, и сообщает, что это IE 7.

Насколько я могу судить, проблема заключается в том, чточто IE 7 просто делает кнопку ввода выше, чем IE 8.Смотрите пример без css: http://jsfiddle.net/zHpX8/4/

Если вы добавите стиль для явной установки высоты ввода, то он будет отображаться одинаково как в обычном режиме, так и в режиме совместимости: http://jsfiddle.net/zHpX8/6/

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

Хотелось бы, чтобы IE 7 просто ушел ...

0 голосов
/ 03 марта 2011

нашел себе ответ, задающий высоту и позиционирующий тип ввода = отправить как абсолютный .. это обходной путь

0 голосов
/ 03 марта 2011

Установите тип документа на HTML-странице следующим образом:

<!DOCTYPE html>

в качестве первой строки в HTML-документе

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...