Показать сообщение отдельно
  #6 (permalink)  
Старый 22.04.2010, 16:52
Новичок на форуме
Отправить личное сообщение для al666 Посмотреть профиль Найти все сообщения от al666
 
Регистрация: 21.04.2010
Сообщений: 4

От спасибо, элемент 'colgroup' действительно выправил мой кривой код, получилось то что надо, за небольшой мелочью - таблица фиксированной длины только в IE, а Опера сдвигает при изменении размера окна. Зафиксировать без явного указания размера всей таблицы не выходит.

<html><head><title>Project</title>
<style>col {width:140px;} table {table-layout:fixed;}</style>
</head>

 <body><script>
    var _parent=document.body;
    var newTabl=document.createElement('table');
    var newTB=document.createElement('tbody');
    var colgroup = document.createElement('colgroup');
    var newCol=document.createElement('col');
    var newTr=document.createElement('tr');
    var newTh=document.createElement('th');
    var newTr2=document.createElement('tr');
    var newTd1=document.createElement('td');
    var newTd2=document.createElement('td');
    var newTd3=document.createElement('td');

     newTabl.border=1;
     newTh.colSpan=3;
     newCol.span=3;

     colgroup.appendChild(newCol);
     newTB.appendChild(colgroup);

        newTh.appendChild(document.createTextNode("0"));
       newTr.appendChild(newTh);
      newTB.appendChild(newTr);

        newTd1.appendChild(document.createTextNode("1"));
        newTd2.appendChild(document.createTextNode("2"));
        newTd3.appendChild(document.createTextNode("3"));
       newTr2.appendChild(newTd1);
       newTr2.appendChild(newTd2);
       newTr2.appendChild(newTd3);
      newTB.appendChild(newTr2);
     newTabl.appendChild(newTB);
    _parent.appendChild(newTabl);
  </script></body></html>


Кстати, вот такой статичный вариант отрабатывает одинаково как в IE так и Opera:
<html><head><title>Project</title>
  <style>col {width:140px;} table {table-layout:fixed;width:0;}</style>
 </head>

 <body>
   <table border=1>
    <col span=3>
     <tr><th colSpan=3>0</th></tr>
     <tr><td>1</td><td>2</td><td>3</td></tr>
</table></body></html>
Ответить с цитированием