БлогNot. Баг Google Chrome с input type="image"?

Баг Google Chrome с input type="image"?

Как всегда, что-то всплывает при проверке сайтов... Имеем простенький документ со стилем:

<html> 
<title>test</title>
<style type="text/css">
#form1 {
 margin-left: 670px;
 margin-top: 40px;
 position: absolute;
}
#form1 input.item1 {
 margin-left: 2px;
 margin-top: 2px;
 position: absolute;
}
</style>
</head>
<body>

<div id="form1"> 
<form>
<input type="text">
<input class="item1" type="image" src="img.gif">
</form>
</div> 
</body></html>

где img.gif - картинка на кнопку, скажем, такая:

img.gif
img.gif

Во всех браузерах поле ввода и кнопка будут на одной строке, как мы вправе ожидать по опыту:

вывод в Firefox
вывод в Firefox

В Google Chrome, по крайней мере, имеющемся у меня последнем 7.0.517.41, графическая кнопка "переедет" на другую строку:

вывод в Chrome
вывод в Chrome

Попробовал несколько стилевых приёмов исправления - не помогло. Помогает только если убрать перенос строки в форме:

<form>
<input type="text"><input class="item1" type="image" src="img.gif">
</form>

или явно задать ширину элемента #form1:

#form1 {
 margin-left: 670px;
 margin-top: 40px;
 width: 180px;
 position: absolute;
}

При этом, если поставить в форму вместо графической кнопки обычную:

<input type="submit" value="ok">
всё будет нормально и без задания ширины, и с переводом строки в коде...

Это баг "Хрома" или я чего-то не понимаю? :) Так как время позднее, и уже точно ничего не понимаю, написал ещё в "Справочный форум Google".

P.S. К версии 11 баг всё ещё на месте.

01.11.2010, 03:12 [13571 просмотр]


теги: css html ошибка форум chrome вебдезигн

К этой статье пока нет комментариев, Ваш будет первым