<td> не отображает полное содержимое (Mozilla Firefox)

Question

Код выглядит следующим образом

<div id='blogbook'></div>
...
<script>
...
var z="<table>
<td>Blog title and date<br><hr></td>
<tr>
<td>A very long string consisting of many paragraphs, say, a blog</td></table>";
function disp(){
document.getElementById('blogbook').innerHTML=z;
}
disp();
</script>

Дисплей выглядит следующим образом ..

Название и дата блога

---

Очень длинная строка, состоящая из
... (много много строк) ...
много абзацев, sa

Весь блог не отображается, а останавливаетсязадолго до фактического конца блога.
Вопросы:

• Почему это происходит?
• Как решить эту проблему?
  Эта проблема возникает в Firefox (я использую v7, но IE отображает ее просто отлично, то есть полный блог)

Answer 1

Ваша HTML-разметка неверна.

var z="<table>
<td>Blog title and date<br><hr></td>
<tr>
<td>A very long string consisting of many paragraphs, say, a blog</td></table>";

Этот код такой:

<table>
    <td>Blog title and date<br><hr></td>
  <tr>
    <td>A very long string consisting of many paragraphs, say, a blog</td>
</table>

Должно быть:

<table>
  <tr>
    <td>Blog title and date<br><hr></td>
  </tr>
  <tr>
    <td>A very long string consisting of many paragraphs, say, a blog</td>
  </tr>
</table>

Answer 2

что происходит с этой строкой <div id='blogbook'></td>?Вам нужно закрыть div.семантически неверно и может привести к некорректному отображению браузера, например:

<div id='blogbook'></div></td>

Кроме того, вы не закрываете таблицу выше или не открываете новый тд, если таблицы вложенности