Баг 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
Во всех браузерах поле ввода и кнопка будут на одной строке, как мы вправе ожидать по опыту:
вывод в Firefox
В Google Chrome, по крайней мере, имеющемся у меня последнем 7.0.517.41, графическая кнопка "переедет" на другую строку:
вывод в 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 [13521 просмотр]