Input поле и Ie

faust · 07.05.2006

Общий привет.

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

Так, вот, никто не знает как этот баг побороть?

Пример можно посмотреть по адресу http://test.war-game.ru/ (блок head3 в коде)

deMone · 07.05.2006

margin-top
padding-top
height

пробовали?

faust · 07.05.2006

Разумеется. Я не стал бы вас беспокоить по мелочам.

deMone · 07.05.2006

Блин. Чего-то я сразу ступил. Это не глюк. Это Вы у картинки-лупы align не проставили.

Укажите <input class="button" type="image" src="images/search.png" align="absmiddle" /> и всё будет пучком.

faust · 07.05.2006

Я вижу вы меня не поняли. Алигн картинки там ни причем, тем более что такой параметр не проходит валидацию.

Как выглядит это всё, в Firefox(правильно):

В Opera (тоже, относительно, правильно):

И как IE портит компоновку:

Надеюсь теперь понятно в чем проблема.

deMone · 08.05.2006

А, ну если Вы об этом, то, посмотрев на всю верхнюю строку сайта Вы должны были заметить, что текстовое поле совершенно ни при чём. А вот флаги стран, расположенные справа от него...

А align у картинки-лупы всё равно пропишите.

faust · 08.05.2006

Флаги там тоже ни при чем, это следствие а не причина. Вот специально для вас убрал их.

Может быть все-таки кто-то поможет?

Creator · 08.05.2006

Теперь моя очередь хелпить

Значит, получилось исправить багу уменьшением картинки лупы и небольших манипуляций со стилями.
Для наглядности в стилях исправь:

Код:

input {
padding: 0 4px 0 4px; margin: 0; font-size: 9px;
}

form {
padding: 0 4px 0 4px; margin: 0; font-size: 9px;
}

В коде страницы, где у тебя форма используется:

Код:

<div id="head3">
	<form action="http://test.war-game.ru/search#" method="get" accept-charset="windows-1251">
	<input class="field" type="text"/><input class="button" type="image" style="top: 3px; position: relative;" src="search00.png" />
	</form>
</div>

Саму картинку приаттачил.

Input поле и Ie

faust

Well-Known Member

deMone

Злой страшный дядька

faust

Well-Known Member

deMone

Злой страшный дядька

faust

Well-Known Member

deMone

Злой страшный дядька

faust

Well-Known Member

Creator

Administrator

Вложения

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей