Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Несколько созданных элементов располагаются в одной строке. Как этого избежать? (https://javascript.ru/forum/events/14580-neskolko-sozdannykh-ehlementov-raspolagayutsya-v-odnojj-stroke-kak-ehtogo-izbezhat.html)

Hold 21.01.2011 22:02

Несколько созданных элементов располагаются в одной строке. Как этого избежать?
 
Здравствуйте.
Столкнулся со следующей ситуацией.
Присутствует таблица фиксированной ширины. В некоторой ячейке с 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(другими версиями не обладаю) ячейка таблицы в наглую растягивается и созданные элементы выстраиваются в одну строку.
Вопрос: как сделать так, чтобы созданные элементы переносились на следующую строку во всех браузерах?

Заранее благодарю.

Aetae 21.01.2011 22:52

...
elements.appendChild(document.createElement('br'));
elements.appendChild(newInput);


Часовой пояс GMT +3, время: 07:59.