Показать сообщение отдельно
  #1 (permalink)  
Старый 21.01.2011, 23:02
Новичок на форуме
Отправить личное сообщение для Hold Посмотреть профиль Найти все сообщения от Hold
 
Регистрация: 21.01.2011
Сообщений: 4

Несколько созданных элементов располагаются в одной строке. Как этого избежать?
Здравствуйте.
Столкнулся со следующей ситуацией.
Присутствует таблица фиксированной ширины. В некоторой ячейке с id=elements нужно создать несколько текстовых полей(в css для них задана ширина, чуть меньшая ширины ячейки таблицы). Создаю поля следующим образом:
var elements = document.getElementById("elements");
var newInput = document.createElement("input");
newInput.type = "text";
newInput.className = "inputText";
newInput.name = kr;
newInput.value = "Содержимое №"+kr;
elements.appendChild(newInput);

Так я делаю несколько раз. Всё работает.

Проблема в следующем:
В FF поля переносятся на новую строку и выстраиваются по вертикали(из-за того, что ширины ячейки таблицы достаточно только для одного элемента), но в IE8(другими версиями не обладаю) ячейка таблицы в наглую растягивается и созданные элементы выстраиваются в одну строку.
Вопрос: как сделать так, чтобы созданные элементы переносились на следующую строку во всех браузерах?

Заранее благодарю.
Ответить с цитированием