тэг <input>

[sce]

Всем привет, в чем может быть проблема, в разных браузерах тэг <input> отображается поразному, например для IE.8 size="80" хорошо вписывается в нужное место, но в браузерах Firefox или safari поле становится намного длиннее, если size уменьшить т.е вписать это поле для оперы то в IE оно становится коротким. Что такое может быть и как с этим бороться?

Спасибо

Код поля:

<input type="text" size="80" name="searchstring" id="mod_search_searchword" value="{if $searchstring ne ""}{$searchstring|replace:'"':'"'|replace:"\'":"'"|default:""}{else}{$smarty.const.STRING_SEARCH}{/if}" onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='{$smarty.const.STRING_SEARCH}') this.value='';" onclick="this.value = ''" />

Edited March 15, 2011 by sce

[tt48]

size - это указание ширины в моноширинных буквах..

http://htmlbook.ru/html/input/size

Надо бы проверить, какой размер стоит(может стили перегружали) у текста

для разных браузеров и еще как вариант - использовались небезопасные шрифты.

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Там все в картинках про безопастные показано.

..можно еще подумать в сторону свойства letter-spacing,

но не думаю, что он может разниться от браузеров.

padding тоже можно проверить..

[Great Rash]

Попробуйте задать ширину для инпута через стили:

input {
    width: 80ex; /* 80 знаков по ширине */
}

[Justnewone]

пиксель в пиксель трудно попасть, поможет приблизится в неком наборе браузеров указание четкого шрифта прям в инпут (указание общего шрифта в инпуте не сработает), так же указание паддингов и бордеров и следом уже ширины.

По дефольту у многих браузеров все это отличается.

[wanntuzz]

надо input ставить фоном, тогда всё будет идеально ровно

[theo_]

input обернуть в div, для div'а задать нужную длину, а для инпута width: 100%

паддинги задавать через css для дива

[Shotgun]

забейте на size, делайте инлайновый инпат display:block и задавайте ширину width в пикселях)

Edited March 15, 2011 by Shotgun

[wanntuzz]

да говорю же надо его фоном поставить! И указать background-clip и background-border.

[sce]

да говорю же надо его фоном поставить! И указать background-clip и background-border.

а как его фоном поставить чего не очень понимаю?

Сделал стиль к инпуту style="width: 60ex;" вроде все равно по разному отображается

Вот код блока:

    <div class="div22">
         <div id="module_search">
	  <form action="index.php" method="get">
	    <input style="width: 60ex;" type="text" name="searchstring" id="mod_search_searchword" value="{if $searchstring ne ""}{$searchstring|replace:'"':'"'|replace:"\'":"'"|default:""}{else}{$smarty.const.STRING_SEARCH}{/if}" onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='{$smarty.const.STRING_SEARCH}') this.value='';" onclick="this.value = ''" />
	    <a onclick="moduleSearch();"><span>{$smarty.const.STRING_GO_SEARCH}</span></a>
	  </form>
        </div>
    </div>

[wanntuzz]

чего не понятного!?

background: data('<input ... />');