Баг 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 [13571 просмотр]