HTML Internet Explorer 6 ошибка переполнения

Question

У меня есть следующая проблема, и я не знаю, как ее решить. У меня есть таблица HTML, и одна из ячеек содержит элемент ввода. Моя проблема заключается в том, что в Firefox, когда я набираю что-то, что выходит за пределы ширины ввода, текст будет скрыт (это поведение, которое я хочу), но в Internet Explorer 6 ширина ввода будет автоматически расширена, и весь формат страницы перейдет к черт из-за этого. Я занимался поиском в Google, и все это указывает на так называемую «ошибку переполнения» в IE 6, но я совершенно не знаю, как ее решить.

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

Есть идеи?

ВАЖНО Из-за того, как приложение, над которым я работаю, запрограммировано, я могу изменять только CSS элемента, но не другие свойства HTML ...

Answer 1

Первый вопрос: действительно ли вам нужно поддерживать IE6? Даже Microsoft прекратил поддерживать это, что признак не так ??

http://www.w3schools.com/browsers/browsers_explorer.asp

Вы можете попытаться поместить DIV в свой TD. Установите фиксированную ширину в стиле div и установите его переполнение скрытым. Затем поместите поле ввода в div. Таким образом, даже если поле ввода расширяется, оно должно быть скрыто скрытым переполнением Div. Это может быть не красиво, так как коробка будет выглядеть в конце, но не разрушит ваш дизайн.

Я не уверен, что это будет работать, хотя, поскольку это ошибка, она может не соответствовать остальной части CSS.

Answer 2

Используйте это:

input [type=text] {
    width: 100px; \\ That suits you best
    overflow: hidden;
    padding: 2px;
}

Answer 3

Вы можете установить максимальное количество вводимых символов в поле, которое может помочь решить эту проблему!

удерживайте попробуйте этот CSS!

table {
  table-layout: fixed;
}