innerHTML no me coge bien los div

[humanista]

Hola, tengo esto:

Código Javascript:

var texto = document.createElement('div');
 
                    texto.innerHTML+= '<table border=0 cellpadding=0 cellspacing=0>';
                    texto.innerHTML+= '<tr>';
                    texto.innerHTML+= '<td width=550><div align=justify>';
                    if (imagenameauthor != "")
                    {
                        texto.innerHTML+= '<img src=../images/'+imagenameauthor+' width=50 height=50 align=left style=\'align:left; border-style: solid; border-width: 1px; border-bottom-color: #3B5998; border-right-color: #113A7C; border-left-color: #113A7C; border-top-color: #113A7C; margin-right:5px\';>';
                    }
                    texto.innerHTML+= '<span class=ver12azuosc><b>'+newauthor+'. </b></span><span class=ver12neg>'+newcomment+'</span></div></td>';
                    texto.innerHTML+= '</tr>';
                    texto.innerHTML+= '<tr>';
                    texto.innerHTML+= '<td width=550 height=3></td>';
                    texto.innerHTML+= '</tr>';
                    texto.innerHTML+= '<tr>';
                    texto.innerHTML+= '<td width=550>';
                    texto.innerHTML+= '<div align=right>';
                    texto.innerHTML+= '<span class=ver10gris>'+label_moments_ago+'</span>';
                    texto.innerHTML+= '<span class=ver10gris> &middot; IP </span>';
                    texto.innerHTML+= '<span class=ver10gris>'+ip+'</span>';
                    texto.innerHTML+= '</div>';
                    texto.innerHTML+= '</td>';
                    texto.innerHTML+= '</tr>';
                    texto.innerHTML+= '</table>';                                                                           
                    texto.innerHTML+= '<table border=0 cellpadding=0 cellspacing=0>';
                    texto.innerHTML+= '<tr width=550 height=5>';
                    texto.innerHTML+= '<td class=ver10azuosc width=450></td>';
                    texto.innerHTML+= '<td class=ver10azuosc height=5>';                                    
                    texto.innerHTML+= '</td>';
                    texto.innerHTML+= '</tr>';
                    texto.innerHTML+= '</table>';
                    texto.innerHTML+= '<table border=0 cellpadding=0 cellspacing=0>';
                    texto.innerHTML+= '<tr height=1>';
                    texto.innerHTML+= '<td height=1 width=550 bgcolor=EEE9E9></td>';
                    texto.innerHTML+= '</tr>';
                    texto.innerHTML+= '</table>';
                    texto.innerHTML+= '<table border=0 cellpadding=0 cellspacing=0>';
                    texto.innerHTML+= '<tr width=550 height=5>';
                    texto.innerHTML+= '<td height=5></td>';
                    texto.innerHTML+= '</tr>';
                    texto.innerHTML+= '</table>';
 

el tema es q no me coge el align=right de la capa <div> ni creo q tampoco las tablas, algo estoy haciendo mal pero no sé q...

[Adler]

Hola

Yo de diseño poco, así que lo único que puedo decirte es que pruebes con la propiedad float

Suerte

[humanista]

no es tema de diseño realmente sino de q no coge el div align=right ni siquiera las tablas.

la propiedad float dónde, cómo?

[Adler]

Hola

A ver, tu lo que quieres es alinear en el td esto a la derecha

texto.innerHTML+= '<div align=right>';
texto.innerHTML+= '<span class=ver10gris>'+label_moments_ago+'</span>';
texto.innerHTML+= '<span class=ver10gris> &middot; IP </span>';
texto.innerHTML+= '<span class=ver10gris>'+ip+'</span>';
texto.innerHTML+= '</div>';

Pues prueba con

texto.innerHTML+= '<div style="float:right;">';

Suerte

[humanista]

ok, he estado haciendo multitud de pruebas. el tema -creo- es q si pongo todo el texto en una sola línea, es decir un texto.innerHTML+= '................................................. ...' muy largooooo, con todo el código seguido parece q funciona.

digo parece pq sólo he podido probar con parte del código

[humanista]

confirmado, si pongo todo el código en la misma línea, todo seguido, funciona.

el problema es q tengo un if en medio, a ver cómo lo soluciono. de todas formas es muy raro...

[maycolalvarez]

align es una propiedad depreciada, debes usarlo tal como te dice @Adler, además, cada vez que usas innerHTML se ejecuta el analizador DOM internamente, lo que vuelve lento el script, es por ello que debes de pasar todo el HTML de una vez, se que es largo, pero ¿porque no usas una variable primero?, es mejor, tienes tu código como quieras, resuelves el problema del if y aumentas el rendimiento del script:

Código Javascript:

var html = '<table border=0 cellpadding=0 cellspacing=0>';
html +=  '<tr>';
//... (lo que sigue)
var texto = document.createElement('div');
texto.innerHTML = html; //no te parece mejor?
 

[humanista]

gran idea maycolalvarez.

lo del if tb lo he solucionado con una variable q será a blancos si no se cumple la condición. lo q me sigue pareciendo raro es q tengo q poner todo -cada una de las <table>.....</table> completa en una línea, raro...

bueno, al final me funciona, q es lo q vale