Как формируется высота input?

[shvv]

Во время верстки макета http://shvv.freehostia.com/uta/index.html серьезно помучался с высотой поля ввода и кнопки. В итоге пришел к следующему варианту

 input {
	 font-size: 13px;
	 vertical-align: middle;
 }

 input.text {
	 width: 175px;
	 padding: 6px 0;
	 margin-right: 5px;
	 }

 input.search {
	 height: 29px;
	 width: 32px;
	}

, где .text - класс поля ввода, .search - класс кнопки. Получается, что высота текстового поля формируется как font-size+padding-top+padding-bottom+2*2px. Такой вариант вроде бы работает во всех браузерах одинаково. Где можно точно прочитать о высоте текстового поля.

[Justnewone]

В фаербаге и прочих.

[psywalker]

Запомни на будущее, никогда не задавай жёсткую высоту импутам, подгоняй всегда паддингами!

[shvv]

  psywalker said:

Запомни на будущее, никогда не задавай жёсткую высоту импутам, подгоняй всегда паддингами!

Я как раз хотел написать об этом разделе"Обсуждение". Просто в твоем варианте с подгонами паддингами требуются отдельные стили для IE8 и IE7.

А в моем варианте - во всех браузерах работает одинаково.

Что скажешь?

Edited November 6, 2009 by shvv

[psywalker]

  shvv said:

Я как раз хотел написать об этом разделе"Обсуждение". Просто в твоем варианте с подгонами паддингами требуются отдельные стили для IE8 и IE7.

А в моем варианте - во всех браузерах работает одинаково.

Что скажешь?

да ничего не скажу, просто я бы высоту жёсткую никогда не ставил для импутов дабы избежать проблем в будущем

[shvv]

  psywalker said:

да ничего не скажу, просто я бы высоту жёсткую никогда не ставил для импутов дабы избежать проблем в будущем

А можно подробнее: в чем могут возникнуть пробемы?

[Justnewone]

  shvv said:

А можно подробнее: в чем могут возникнуть пробемы?

Увеличение шрифта, например.

[psywalker]

  Justnewone said:

Увеличение шрифта, например.

Точно!

[shvv]

  Justnewone said:

Увеличение шрифта, например.

Но если я задал высоту в px, то ее можно изменить только через css.

[psywalker]

  shvv said:

Но если я задал высоту в px, то ее можно изменить только через css.

я пробовал сделать шрифт больше в браузере ФФ, у меня получилось и в Сафари тоже

Edited November 6, 2009 by psywalker

[shvv]

  psywalker said:

я пробовал сделать шрифт больше в браузере ФФ, у меня получилось и в Сафари тоже

Получилось что?

Я хотел сказать, что при измении шрифта через настройки браузера изменится только заданное в em. А заданное в px - нет. Поэтому внешний вид формы в этом случае не изменится.

Или я что-то не понял?

[psywalker]

  shvv said:

Получилось что?

Я хотел сказать, что при измении шрифта через настройки браузера изменится только заданное в em. А заданное в px - нет. Поэтому внешний вид формы в этом случае не изменится.

Или я что-то не понял?

Неважно в чём задаёшь, всё равно изменится высота, проверь сам

[shvv]

  psywalker said:

Неважно в чём задаёшь, всё равно изменится высота, проверь сам

Когда я захожу в ФФ: Настройки - шрифты и цвета - и меняю высоту из выпадающего меню, то что было в пикселях не меняется.

[psywalker]

ФФ - Инструменты - Настройки - Вкладка "Содержание" - Дополнительно - Наименьший размер шрифта - ставишь самый большой "24"

[shvv]

  psywalker said:

ФФ - Инструменты - Настройки - Вкладка "Содержание" - Дополнительно - Наименьший размер шрифта - ставишь самый большой "24"

Точно. Не знал об этом.

Да правда все это запутывает еще больше.

Но играться с отступами - это конечно очень весело.

[psywalker]

  shvv said:

Точно. Не знал об этом.

Да правда все это запутывает еще больше.

Но играться с отступами - это конечно очень весело.

Я тоже помню раньше высоту задавал жёсткую, думал это чётко, а потом ситуации разные были и бывало что из-за этого символы уходили под нижний бордер, было неприятное зрелище...после только узнал, что лучше всё паддингами подгонять

[shvv]

  psywalker said:

Я тоже помню раньше высоту задавал жёсткую, думал это чётко, а потом ситуации разные были и бывало что из-за этого символы уходили под нижний бордер, было неприятное зрелище...после только узнал, что лучше всё паддингами подгонять

А как подбираешь: наугад? или есть правила?

[psywalker]

  shvv said:

А как подбираешь: наугад? или есть правила?

Нет, правил нет, просто подбираю по ситуации, чтобы всё ровненько было, потом ставлю размер шрифта большой,опять проверяю и т. д., вобщем стараюсь довести до ума