So. habe jetzt einfach mal dieBar.barHtmlObject.outerHTML in nem textfeld ausgegeben. Kurioserweise ...
<DIV style="WIDTH: 400px; HEIGHT: 20px; FONT-SIZE: 1px; OVERFLOW: hidden"><TABLE border=0 width="100%" cellspacing="0" cellpadding="0">
<TBODY style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px">
<TR>
<TD style="BACKGROUND-IMAGE: url(barimg1.png); WIDTH: 9px; HEIGHT: 20px"></TD>
<TD style="BACKGROUND-IMAGE: url(barimg2.png); WIDTH: 383px"></TD>
<TD style="BACKGROUND-IMAGE: url(barimg3.png); WIDTH: 8px"></TD></TR></TBODY></TABLE>
<TABLE style="POSITION: relative; TOP: -18px" border=0 cellspacing="0" cellpadding="0">
<TBODY style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px">
<TR>
<TD style="WIDTH: 9px; HEIGHT: 20px"></TD>
<TD style="BACKGROUND-IMAGE: url(barimg4.png); WIDTH: 0px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 18px">
<DIV style="WIDTH: 0px; OVERFLOW: hidden"></DIV></TD>
<TD style="BACKGROUND-IMAGE: url(barimg5.png); WIDTH: 8px; BACKGROUND-REPEAT: no-repeat"></TD></TR></TBODY></TABLE></DIV>
dieser Code funktioniert FEHLERFREI! Es ist exakt der Code, der von javascript generiert wird. Trotzdem funktioniert die direkte ausgabe via appendChild nicht so, wie diese variante in direkter Ausgabe.
Die Codes sind absolut 100%ig identisch. Aber IIIIIIIIRGENDWAS muss ja dazu führen, dass die DOM-Ausgabe nicht identisch ist mit der HTML-Ausgabe.
HILFE!!!