Подскажите пожалуйста как можно сделать редактирование полей таблицы с помощью div contenteditable = true? HTML: <table> <tr> <td> <div contenteditable style="width:100%;height:100%"><? value1(); ?></div> </td> <td> <div contenteditable style="width:100%;height:100%"><? value2(); ?></div> </td> </tr> </html> Если функция value1() или value2() возвращает пустое значение, то высота div'a равна 0! Соответственно возникает вопрос: 1. Как можно растянуть пустой div по высоте на 100%? 2. Если этого сделать нельзя, то подскажите альтернативный способ редактирования ячеек таблицы? Через input и textarea получается не очень хорошо, т.к. там фиксированное количество строк, а мне нужно что поле растягивалось по содержимому на 100% без скроллов.
например: HTML: <form method="POST" accept-charset="UTF-8"> <div id="data_conten" style="border:2px solid #C9C9C9;width:600px;height:600px;overflow:scroll;" contenteditable="true" onKeyUp="document.getElementById('post_content').value=this.innerHTML;" ></div> <input type="hidden" value="" name="content" id="post_content"> <input type="submit" value="Преобразовать" name="CopyPast" onClick="document.getElementById('post_content').value=document.getElementById('data_conten').innerHTML;"> </form> для относительных размеров стоит правильно задавать и размеры предыдущих контенейров то есть у тебя надо указывать верно размеры и для TD и для TABLE и т.д.