Centrar contenido luego de que un div crezca con overflow-x:auto;

[GendeDios]

--
Hola.

El script que estoy desarrollando consiste en crear imagenes que se suman a un div, cuando la cantidad de imagenes sobrepasan el tamaño del div este dispara su scroll horizontal y el div crece.

Son 2 lineas de images horizontales y deben estar centradas en el div luego de que crezca, pero cuando una linea es lo suficientemente larga para ampliar el div y la otra linea es muy corta esta ultima no queda centrada en el total del div ampliado sino que se centra unicamente en el campo visible del div.

Aquí está el script: http://bit.ly/mxbMIn

Como podemos ver he aplicado:
Luego que se agregan las imagenes:

Código Javascript:

//Al div que crece.
                div2.style.textAlign="center"; 
 
//A los dos divs donde las imagenes se ubican que están dentro de div2
                document.getElementById('firstrow').style.margin="auto";
                document.getElementById('secondrow').style.margin="auto";
 

Pero no funciona.

Para hacer la prueba seleccionar 2 filias, digitar 10 letras en la primera fila y 1 en la segunda, vemos que la segunda fila no se centra con respecto a la primera.

Un millón de gracias.

Saludos.
--

[Panino5001]

Podrías probar algo así:

Código PHP:

  var ancho=Math.max(document.getElementById('firstrow').offsetWidth,document.getElementById('secondrow').offsetWidth); 
document.getElementById('firstrow').style.width=document.getElementById('secondrow').style.width=ancho+'px';  
   

[GendeDios]

--
La lógica que propones es absolutamente asertada.

Vamos a cambiar

Código Javascript:

.offsetWidth
 

por

Código Javascript:

.scrollWidth
 

ya que el div crece contenido bajo una caja que adopta un overflow:auto disparando así el scroll.
Así efectivamente toma el width del div que crece, de otra forma este valor permanece constante.

Toda tuya hermano, has arreglado prácticamente toda mi situación aquí. Gracias.
--