Problema creazione div in runtime

Ciao a tutti.

spero di non essere OT, in questo caso scusate tutti.

Avrei bisogno di creare al volo una specie di tabella contenente
immagini, ed ho creato il tutto con javascript, mediante l'utilizzo dei div.
Ogni div ha uno style.display="inline", così quando arriva a fondo
pagina, va a capo automaticamente e ridimensiona il tutto a seconda
delle dimensioni della pagina.
Ho un problema: se scrivo il codice html direttamente, con i div con
style inline, allora tutto funziona correttamente, mentre quando li creo
runtime, si comporta come se ignorasse tale direttiva. (in pratica
continua a piazzare le immagini su di un'unica linea).
Sapete per caso dirmi se è un problema conosciuto oppure sbaglio io
qualcosa?

il mio pezzo di codice è il seguente:

var eDiv=document.createElement("DIV");
eDiv.id = "id1";
eDiv.style.display="inline";
eDiv.innerHTML = "contenuto";
document.getElementById("container").appendChild(e Div);

ripetuto per tanti elementi quanti ne ho nell'array.

grazie in anticipo.
Riccardo

Il Wed, 21 Nov 2007 17:08:00 +0100, Ricki ha scritto:

Ogni div ha uno style.display="inline", così quando arriva a fondo
pagina, va a capo automaticamente e ridimensiona il tutto a seconda
delle dimensioni della pagina.

e perché non usi span?

--
"Ti sei salvato
o sei entrato in banca pure tu?"
A.V.

Cristiano Larghi ha scritto:

Il Wed, 21 Nov 2007 17:08:00 +0100, Ricki ha scritto:

Ogni div ha uno style.display="inline", così quando arriva a fondo
pagina, va a capo automaticamente e ridimensiona il tutto a seconda
delle dimensioni della pagina.

e perché non usi span?

perché si comporta allo stesso identico modo: se scrivo il codice html
direttamente, funziona, altrimenti no!!!

Il Wed, 21 Nov 2007 17:16:26 +0100, Ricki ha scritto:

perché si comporta allo stesso identico modo: se scrivo il codice html
direttamente, funziona, altrimenti no!!!

qua lo ho usato con una logica simile senza problemi:
http://www.criosoftware.it/default43.aspx

--
"Run rabbit run
dig that hole, forget the sun
and when at last the work is done
don't sit down, it's time to dig another one"
P.F.

Cristiano Larghi ha scritto:

Il Wed, 21 Nov 2007 17:16:26 +0100, Ricki ha scritto:

perché si comporta allo stesso identico modo: se scrivo il codice html
direttamente, funziona, altrimenti no!!!

qua lo ho usato con una logica simile senza problemi:
http://www.criosoftware.it/default43.aspx

l'esempio prende lo spazio che gli serve, in orizzontale: il browser mi
mostra la barra di scorrimento...
di fatto, ogni volta che finisce un blocco di span, lui va a capo....
che è quello che fa il mio script.

non riesco proprio a capire....

Il Wed, 21 Nov 2007 17:43:25 +0100, Ricki ha scritto:

l'esempio prende lo spazio che gli serve, in orizzontale: il browser mi
mostra la barra di scorrimento...
di fatto, ogni volta che finisce un blocco di span, lui va a capo....
che è quello che fa il mio script.

il div contenitore è in block e width 100% ?

--
"Run rabbit run
dig that hole, forget the sun
and when at last the work is done
don't sit down, it's time to dig another one"
P.F.

Cristiano Larghi ha scritto:

Il Wed, 21 Nov 2007 17:43:25 +0100, Ricki ha scritto:

l'esempio prende lo spazio che gli serve, in orizzontale: il browser mi
mostra la barra di scorrimento...
di fatto, ogni volta che finisce un blocco di span, lui va a capo....
che è quello che fa il mio script.

il div contenitore è in block e width 100% ?

si, entrambi....

Alessandro Pellizzari ha scritto:

Il Wed, 21 Nov 2007 17:43:25 +0100, Ricki ha scritto:

l'esempio prende lo spazio che gli serve, in orizzontale: il browser mi
mostra la barra di scorrimento...
di fatto, ogni volta che finisce un blocco di span, lui va a capo....
che è quello che fa il mio script.

Non so se c'entri col problema, non ho provato, ma per fare quello che
vuoi tu di solito su usa il float:left e non l'inline, perche` gli
elementi inline non dovrebbero avere width e height forzati in nessun modo.

L'alternativa sarebbe inline-block, ma non e` supportato da IE.

Bye.

anche se obj.style.styleFloat non funziona su Firefox (mentre su IE
si...), ho risolto creando uno style con "float: left" e associando
questa class name al div.
in questo modo funziona tutto.

grazie a tutti e 2 per il vostro aiuto.