Смещается по вертикали тест в формах и не только

[oleg_ad]

Добрый день!

Возникла следующая проблема при отображении форм и некоторых элементов текста В INTERNET EXPLORER (в Опере и Мозилле проблем нет).

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

Как видно, текст в формах можно болтать туда-сюда, а также цифры счетчика символов тоже подвержены этому.

У меня только 1 подозрение, - возможно для элементов текста введёна слишком большая высота строки..

CSS из шаблона Jooml'ы и, повторюсь, глючит только в IE..

У кого какие подозрения, коллеги?

Edited July 31, 2012 by oleg_ad

[wildhind]

лучше всего была бы ссылка на сайт. А по картинке можно долго гадать. Может line-height где-то, может IE имеется в виду седьмой версии, и display:inline-block к изначально блочным применён, может ещё что.

[USF]

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

[oleg_ad]

Свой не могу - внутренняя сеть предприятия. Но есть вот что:

http://demo.joomlaplates.net/jp_modern/

В демо-шаблоне, который я использовал есть эта же ошибка.

Справа есть форма ввода. В ней в IE можно увидеть как набранный текст съезжает по вертикали.

[oleg_ad]

НАШЁЛ! Такой вот косячный шаблончик этот jp_modern

Т.к. этот косяк на всех формах сайта был, я решил, что надо искать в основных шаблонах. Что искать не знал, т.к. в CSS ни бум-бум..

Отлючал по-очереди все CSS и.. в момент отключения стиля layout.css формы вернулись в приличный вид. Чисто интуитивно начал искать по файлу стиля слово line... и на третьем совпадении увидел

input, textarea { width: auto;padding: 4px;line-height: 30px; ....

Исправил line-height: 10px; - все заработало. Все как предположила wildhind.

Зачем они сделали высоту строки 30 в поле ввода - большой вопрос.

Edited August 3, 2012 by oleg_ad